.elta-cover {
	background: url("../img/project/elta-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background{"path":"/tauri/Volumes/Rubik's Cube 1/Website/html/demo3_usingthis/assets/css/work.css"}-size:cover;
	background-attachment: fixed;
    position: relative;
}

.elta-video {
	background: url("../img/project/elta-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.elta-print{
    max-width: 60%;
    padding: 10px 10px;
    margin: 10px auto;
    border: .75px solid #D3D3D3;
}


.sca-cover {
	background: url("../img/project/sca-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.sca-video {
	background: url("../img/project/sca-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.sca-posts{
    max-width: 300px;
    margin: 8px;
    border: .5px solid #D3D3D3;
}

.sca-social{
    margin: 0% 15%;
}

.smack-video {
	background: url("../img/project/dial-video-smack.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.savior-video {
	background: url("../img/project/dial-video-savior.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.dial-cover {
	background: url("../img/project/dial-cover-2.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.stayaway-cover {
	background: url("../img/project/stayaway-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.stayaway-video {
	background: url("../img/project/stayaway-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.versa-cover {
	background: url("../img/project/versa-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.versa-video {
	background: url("../img/project/versa-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}



.altima-cover {
	background: url("../img/project/altima-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.altima-video-spot {
	background: url("../img/project/altima-video-spot.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.altima-2-cover {
	background: url("../img/project/altima-cover-2.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.altima-2-video {
	background: url("../img/project/altima-2-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}



.pretzels-cover {
	background: url("../img/project/pretzels.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.poptarts-cover {
	background: url("../img/project/poptarts-cover.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.pullups-cover {
	background: url("../img/project/pullups-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
	background-size:cover;
	background-attachment: fixed;
	height: 100vh;
	position: relative;
}

.pfizer-cover {
	background: url("../img/project/pfizer-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.pfizer-video {
	background: url("../img/project/pfizer-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.poptarts-video {
	background: url("../img/project/poptarts-video.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.pullups-video-1 {
	background: url("../img/project/pullups-video-exciting.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.pullups-video-2 {
	background: url("../img/project/pullups-video-progress.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.pullups-06s{
    margin: 25px;
    min-height: 500px;
}


.poptarts-video-2 {
	background: url("../img/project/poptarts-video-2.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.pretzels-video {
	background: url("../img/project/pretzels-video.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.pretzels-video-2 {
	background: url("../img/project/pretzels-video-2.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.pretzels-images{
    max-width: 98%;
    margin: 1% 0%;
    float: center;
}


.absolut-cover {
	background: url("../img/project/absolut-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.absolut-video {
	background: url("../img/project/absolut-video.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.absolut-characters{
    max-width: 30%;
    margin: 1% 1%;
    float: left;
}



.absolut-gallery{
    max-width: 90%;
    margin: 1% 5%;
    float: center;
}

.olv{
    margin: 1%;
    width: 640px;
    height: 360px;
}



.eos-cover {
	background: url("../img/project/eos-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}


.michelin-cover {
	background: url("../img/project/michelin-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.punderdome-cover {
	background: url("../img/project/punderdome-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}


.michelin-video-schoolplay {
	background: url("../img/project/michelin-video-schoolplay.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.michelin-video-handingherthewheel {
	background: url("../img/project/michelin-video-handingherthewheel.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.michelin-video-givingheraway {
	background: url("../img/project/michelin-video-givingheraway.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}
    

.video-tag-michelin {
    padding-top: 13%;
}


.adidas-cover {
	background: url("../img/project/adidas-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}


.adidas-video-snow {
	background: url("../img/project/adidas-video-snow.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.adidas-video-cold {
	background: url("../img/project/adidas-video-cold.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}
  

.adidas-video-dark {
	background: url("../img/project/adidas-video-dark.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}
  

.adidas-video-rain {
	background: url("../img/project/adidas-video-rain.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.belvedere-cover {
	background: url("../img/project/belvedere-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.belvedere-video-launch {
	background: url("../img/project/belvedere-video-launch.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.belvedere-video-goodnight {
	background: url("../img/project/belvedere-video-goodnight.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.belvedere-video-xo {
	background: url("../img/project/belvedere-video-xo.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.belvedere-video-museum {
	background: url("../img/project/belvedere-video-museum.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.belvedere-video-val {
	background: url("../img/project/belvedere-video-val.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.belvedere-video-bts {
	background: url("../img/project/belvedere-video-bts.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.belvedere-still{
    max-height: 450px;
    margin: 8px;
}

.belvedere-extension{
    max-height: 350px;
    margin: 8px;
}

.belvedere-press{
    width: 100%;
    margin-top: 3%;
}

.press{
    width: 35%;
    margin: 5 5%;
}

.accenture-cover {
	background: url("../img/project/accenture-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.accenture-video-mural {
	background: url("../img/project/accenture-video-mural.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.accenture-video-keyboard {
	background: url("../img/project/accenture-video-keyboard.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.accenture-video-garden {
	background: url("../img/project/accenture-video-garden.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}


.grace-cover {
	background: url("../img/project/grace-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.grace-video-casestudy {
	background: url("../img/project/grace-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.grace-images{
    max-width: 48%;
    margin: 1%;
    float: left;
}


.earth-cover {
	background: url("../img/project/earth-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 100vh;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
}

.earth-video-announcement {
	background: url("../img/project/earth-video-announcement.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.earth-video-platform {
	background: url("../img/project/earth-video-platform.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.earth-video-backstory {
	background: url("../img/project/earth-video-backstory.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.earth-video-interview {
	background: url("../img/project/earth-video-interview.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.earth-video-withdrawal {
	background: url("../img/project/earth-video-withdrawal.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.earth-poster{
    max-width: 45%;
    padding: 10px 10px;
    margin: 10px auto;
}

.earth-phones{
    max-width: 70%;
    padding: 10px 10px;
    margin: 10px auto;
}

.twitter-tweet{
    text-align:center;
	float:none;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}


.tbwa-cover {
	background: url("../img/project/tbwa-cover.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 560px;
	background-size:cover;
	background-attachment: fixed;
}
  

.smart-video {
	background: url("../img/project/smart-video.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 800px;
	background-size:cover;
	background-attachment: fixed;
}


.eos-video-alligator {
	background: url("../img/project/eos-video-alligator.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.eos-video-nopants {
	background: url("../img/project/eos-video-nopants.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
	background-size:cover;
	background-attachment: fixed;
}

.adcouncil-video {
	background: url("../img/project/adcouncil-video.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 800px;
	background-size:cover;
	background-attachment: fixed;
}

.metris-video {
	background: url("../img/project/metris-video.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 100vh;
	background-size:cover;
	background-attachment: fixed;
}

.mercedes-video {
    background: url("../img/project/mercedes-video.png") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 800px;
    background-size:cover;
    background-attachment: fixed;
}

.peanuts-movie-cover {
    background: url("../img/project/peanutscover-med.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 600px;
    background-size:cover;
    background-attachment: fixed;
    position: relative;
}

.adidas-cinemagraph{
    width: 240px;
    padding: 0% 1%;
}


.print-ads{
	padding-bottom: 10px;
}


.eos-banners{
    max-width: 300px;
    margin: 40px;
}

.smart-ads{
    max-width: 50%;
    padding: 0px 3px;
}

.social-posts{
    max-width: 400px;  
    margin: 20px;
}

.twinings-ads{
    max-width: 25%;
    margin: 10px auto;
}

.twinings-facebook{
    max-width: 45%;
    padding: 10px 0px;
    margin: 10px auto;
}  

.mercedes-ads{
    max-width: 60%;
    padding: 10px 10px;
    margin: 10px auto;
}


.nz-twitter{
    max-width: 70%;
    padding: 10px 10px;
    margin: 10px auto;
}

.mercedes-spread{
    max-width: 90%;
    padding: 10px 10px;
    margin: 10px auto;
}


.adidas-retail{
    max-width: 90%;
    padding: 10px 10px;
    margin: 10px auto;
}


.adidas-retail-half{
    max-width: 45%;
    padding: 10px 10px;
    margin: 10px auto;
}


.adidas-social-phones{
    max-width: 25%;
}

.adidas-activation-1{
    max-width: 45%;
    padding: 0% 1%;
}

.adidas-activation-2{
    max-width: 45%;
    padding: 0% 1%;
}

.adidas-activation-3{
    max-width: 50%;
}

.adidas-activation-4{
    max-width: 26%;
}

.adidas-activation-5{
    max-width: 37%;
}

.adidas-activation-6{
    max-width: 33.5%;
}


.web-ads{
	padding: 5px 10px;
}

.web-ads img{
	width: 80%;
}


.info-screen{
    position: relative;
}



.infographic{
    position: absolute;
    top: 9%;
    left: 6%;
    height: 55%;
    overflow-y: scroll;
    width: 88%;
    overflow-x: auto;
    margin: 0px auto;
}


.infographic img{
    max-width: 80%;
}


.tbwa-home{
    position: absolute;
    top: 12%;
    left: 16%;
    height: 84%;
    overflow-y: hidden;
    width: 67%;
    overflow-x: hidden;
    margin: 0px auto;
}


.tbwa-home img{
    max-width: 80%;
}

.phone-1{
    position: absolute;
    top:21%;
    left: 60%;
    z-index: 50;
}

.tbwa-work{
    position: absolute;
    top: 12%;
    left: 16%;
    height: 84%;
    overflow-y: hidden;
    width: 67%;
    overflow-x: hidden;
    margin: 0px auto;
}

.tbwa-work img{
    max-width: 80%;
}

.phone-2{
    position: absolute;
    top:36.5%;
    left: 60%;
    z-index: 50;
}

.tbwa-disruption{
    position: absolute;
    top: 12%;
    left: 16%;
    height: 84%;
    overflow-y: hidden;
    width: 67%;
    overflow-x: hidden;
    margin: 0px auto;
}

.tbwa-disruption img{
    max-width: 80%;
}

.phone-3{
    position: absolute;
    top:52%;
    left: 60%;
    z-index: 50;
}


.tbwa-backslash{
    position: absolute;
    top: 12%;
    left: 16%;
    height: 84%;
    overflow-y: hidden;
    width: 67%;
    overflow-x: hidden;
    margin: 0px auto;
}

.tbwa-backslash img{
    max-width: 80%;
}

.phone-4{
    position: absolute;
    top:67.5%;
    left: 60%;
    z-index: 50;
}
.tbwa-skull{
    position: absolute;
    top: 12%;
    left: 16%;
    height: 84%;
    overflow-y: hidden;
    width: 67%;
    overflow-x: hidden;
    margin: 0px auto;
}

.tbwa-skull img{
    max-width: 80%;
}

.phone-5{
    position: absolute;
    top:83%;
    left: 60%;
    z-index: 50;
}

@media only all and (max-width: 1000px){
    
.michelin-video-schoolplay {
	background: url("../img/project/michelin-video-schoolplay-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}


.michelin-video-handingherthewheel {
	background: url("../img/project/michelin-video-handingherthewheel-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}

.michelin-video-givingheraway {
	background: url("../img/project/michelin-video-givingheraway-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
    margin-bottom: 10%;
}
    
.eos-video-alligator {
	background: url("../img/project/eos-video-alligator.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 300px;
}

.eos-video-nopants {
	background: url("../img/project/eos-video-nopants.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 450px;
}  
    
    

.adidas-video-snow {
	background: url("../img/project/adidas-video-snow.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 400px;
}


.adidas-video-cold {
	background: url("../img/project/adidas-video-cold.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 400px;
}
  

.adidas-video-dark {
	background: url("../img/project/adidas-video-dark.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 400px;
}
  

.adidas-video-rain {
	background: url("../img/project/adidas-video-rain.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 400px;
}
 
   
    
.info-screen{
    position: relative;
}



.infographic{
    position: absolute;
    top: 9%;
    left: 6%;
    height: 55%;
    overflow-y: scroll;
    width: 88%;
    overflow-x: auto;
    margin: 0px auto;
}



.phone-1{
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
}


.phone-2{
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
}


.phone-3{
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
}

.phone-4{
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
}

.phone-5{
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
} 
    
    
}


@media only all and (max-width: 1130px){
 
.sca-social{
    margin: 0% 2%;
}
    
    
}
    
    
@media only all and (max-width: 750px){
    
.smart-ads{
    width: 100%;
    max-width: 100%;
    padding: 3px 0px;
}    
    
.mercedes-ads{
    max-width: 100%;
    padding: 10px 10px;
    margin: 10px auto;
}  

.nz-twitter{
    max-width: 100%;
    padding: 10px 10px;
    margin: 10px auto;
}  

.mercedes-spread{
    max-width: 100%;
    padding: 10px 10px;
    margin: 10px auto;
}    

.twinings-ads{
    max-width: 85%;
    padding: 3px 0px;
}    
    
.twinings-facebook{
    max-width: 100%;
    padding: 10px 0px;
    margin: 10px auto;
}  
    
.infographic{
    position: absolute;
    top: 9%;
    left: 6%;
    height: 55%;
    overflow-y:scroll;
}
    
.peanuts-movie-cover {
    background: url("../img/project/peanutscover-mobile.jpg") no-repeat scroll  rgba(0, 0, 0, 0);
    min-height: 450px;
    background-size:cover;
    background-attachment: fixed;
    position: relative;
}    
   
    
.michelin-cover {
	background: url("../img/project/michelin-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 692px;
}
    
    
    
.tbwa-cover {
	background: url("../img/project/tbwa-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 500px;
}
    

.adidas-cover {
	background: url("../img/project/adidas-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    height: 70vh;
}
    
.dial-cover {
	background: url("../img/project/dial-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 550px;
}
    
.elta-cover {
	background: url("../img/project/elta-cover-mobile.jpg") no-repeat scroll center/100% rgba(0, 0, 0, 0);
    height: 60vh;
}    
    

.sca-cover {
	background: url("../img/project/sca-cover-mobile.jpg") no-repeat scroll center/100%  rgba(0, 0, 0, 0);
    height: 60vh;
}
    
.altima-2-cover {
	background: url("../img/project/altima-cover-2-mobile.jpg") no-repeat scroll center/100%  rgba(0, 0, 0, 0);
    height: 65vh;
    margin-top: 50px;
}
	
.poptarts-cover {
	background: url("../img/project/poptarts-cover-mobile.png") no-repeat scroll center center/100%  rgba(0, 0, 0, 0);
    height: 100vh;
}
   
.absolut-cover {
	background: url("../img/project/absolut-cover-mobile.jpg") no-repeat scroll center center/100%  rgba(0, 0, 0, 0);
    height: 100vh;
}
   	
    
.altima-2-video {
	background: url("../img/project/altima-2-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}
    

.smack-video {
	background: url("../img/project/dial-video-smack-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 310px;
}    
    
    
.savior-video {
	background: url("../img/project/dial-video-savior-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 310px;
    margin-bottom: 50px;
}
	
.pfizer-video {
    min-height: 350px;	
}
	
.pullups-cover {	
	background: url("../img/project/pullups-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
	height: 100vh;	
}
	
.elta-video{
    background: url("../img/project/elta-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
        
    }
    
.sca-video{
    background: url("../img/project/sca-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
        
    }    
    
.stayaway-video{
    background: url("../img/project/stayaway-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
        
    }        
     
    
.punderdome-cover {
	background: url("../img/project/punderdome-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 500px;
}    
    
.belvedere-cover {
	background: url("../img/project/belvedere-cover-mobile.jpg") no-repeat scroll center/100%  rgba(0, 0, 0, 0);
    height: 60vh;
}    
      
.belvedere-video-launch {
	background: url("../img/project/belvedere-video-launch-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}

.belvedere-video-goodnight {
	background: url("../img/project/belvedere-video-goodnight-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
    
    
.belvedere-video-xo {
	background: url("../img/project/belvedere-video-xo-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
    
.belvedere-video-val {
	background: url("../img/project/belvedere-video-val-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
    
.belvedere-video-museum {
	background: url("../img/project/belvedere-video-museum-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
        
.belvedere-video-bts {
	background: url("../img/project/belvedere-video-bts-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
    
.belvedere-still{
    width: 100%;
}
    

.belvedere-extension{
    width: 100%;
}    
    
    
.accenture-cover {
	background: url("../img/project/accenture-cover-mobile%20copy.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    max-height: 100vh;
}

.accenture-video-mural {
	background: url("../img/project/accenture-video-mural-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}

.accenture-video-keyboard {
	background: url("../img/project/accenture-video-keyboard-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}

.accenture-video-garden {
	background: url("../img/project/accenture-video-garden-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
    
    
.grace-cover {
	background: url("../img/project/grace-cover-mobile.jpg") no-repeat scroll center/100%  rgba(0, 0, 0, 0);
    height: 50vh;
}

.grace-video-casestudy {
	background: url("../img/project/grace-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}

    
.grace-images{
    max-width: 98%;
    margin: 1%;
    float: left;
}    

    
.earth-cover {
	background: url("../img/project/earth-cover-mobile.jpg") no-repeat scroll center/115%  rgba(0, 0, 0, 0);
    height:65vh;
}
 
.earth-video-announcement {
	background: url("../img/project/earth-video-announcement-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}
    
.earth-video-platform {
	background: url("../img/project/earth-video-platform-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
}  
    
.earth-video-backstory {
	background: url("../img/project/earth-video-backstory-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
} 
    
.earth-video-interview {
	background: url("../img/project/earth-video-interview-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
} 
    
.earth-video-withdrawal {
	background: url("../img/project/earth-video-withdrawal-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
} 
    
.earth-poster{
    max-width: 80%;
    padding: 10px 10px;
    margin: 10px auto;
}
    
    
.versa-cover {
	background: url("../img/project/versa-cover-mobile-2.jpg") no-repeat scroll center/100% rgba(0, 0, 0, 0);
    height: 35vh;
}
   
    
.versa-video {
	background: url("../img/project/versa-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
    margin-bottom: 10%;
}

    
.altima-cover {
	background: url("../img/project/altima-cover-mobile.jpg") no-repeat scroll center/100%   rgba(0, 0, 0, 0);
    height: 55vh;
}
    
    
.pretzels-cover {
	background: url("../img/project/pretzels-mobile.png") no-repeat scroll center/100%   rgba(0, 0, 0, 0);
    height: 55vh;
    padding-top: 500px;
}  
    
.pretzels-video {
	background: url("../img/project/pretzels-video-mobile.png") no-repeat scroll center/100%   rgba(0, 0, 0, 0);
    min-height: 350px;
}  
    
.pretzels-video-2 {
	background: url("../img/project/pretzels-video-2-mobile.png") no-repeat scroll center/100%   rgba(0, 0, 0, 0);
    min-height: 350px;
}  
    
.poptarts-video {
	background: url("../img/project/poptarts-video-mobile.png") no-repeat scroll center center/100%  rgba(0, 0, 0, 0);
	min-height: 300px;
}

.poptarts-video-2 {
	background: url("../img/project/poptarts-video-2-mobile.png") no-repeat scroll center center/100%   rgba(0, 0, 0, 0);
	min-height: 300px;	
}
	
.pullups-video-1 {
	background: url("../img/project/pullups-video-exciting-mobile.jpg") no-repeat scroll center center/100%  rgba(0, 0, 0, 0);
	min-height: 300px;
}	
	
.pullups-video-2 {
	background: url("../img/project/pullups-video-progress-mobile.jpg") no-repeat scroll center center/100%  rgba(0, 0, 0, 0);
	min-height: 300px;
}		

.absolut-video{
	background: url("../img/project/absolut-video.png")no-repeat scroll center center/100%   rgba(0, 0, 0, 0);
    min-height: 310px;
}    

    
    
.altima-video-spot {
	background: url("../img/project/altima-video-spot-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
} 
    
    
    
.earth-phones{
    max-width: 85%;
    padding: 10px 10px;
    margin: 10px auto;
}
    
    
.olv{
    width: 100%;
    height: 300px;
    padding: 0px;
    margin: 0px;
}
    
    
.altima-radio{
    margin-bottom: 10%;
}    
    
 
.stayaway-cover {
	background: url("../img/project/stayaway-cover-mobile.jpg") no-repeat scroll top/100%  rgba(0, 0, 0, 0);
    height: 450px;
}
        
   
    
.stayaway-video {
	background: url("../img/project/stayaway-video-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 318px;
    margin-bottom: 10%;
}
    
 
.dial-cover {
	background: url("../img/project/dial-cover-mobile.jpg") no-repeat scroll top/120%  rgba(0, 0, 0, 0);
    height: 400px;
}
       
    
.twitter-tweet{
    padding: 0px 5%;
}
    
    

    
}

@media only all and (max-width: 500px){
    
.metris-video {
	min-height:211px;
	background: url("../img/project/metris-video-ios.png") no-repeat center center  rgba(0, 0, 0, 0);
}

.adcouncil-video {
	min-height:270px;
	background: url("../img/project/adcouncil-video-ios.png") no-repeat center center  rgba(0, 0, 0, 0);
}
    
.smart-video {
	min-height:300px;
	background: url("../img/project/smart-video-ios.jpg") no-repeat center center  rgba(0, 0, 0, 0);
} 

.mercedes-video {
    min-height:312px;
	background: url("../img/project/mercedes-video-ios.png") no-repeat center center  rgba(0, 0, 0, 0);
}     

.peanuts-movie-cover {
    min-height: 433px;
    background: url("../img/project/peanutscover-ios.jpg") no-repeat left center  rgba(0, 0, 0, 0);
}

    

.eos-cover {
	background: url("../img/project/eos-cover-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 440px;
}
 
    

.eos-video-alligator {
	background: url("../img/project/eos-video-alligator-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 550px;
}

.eos-video-nopants {
	background: url("../img/project/eos-video-nopants-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 550px;
}
    
    
    
.michelin-video-schoolplay {
	background: url("../img/project/michelin-video-schoolplay-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}


.michelin-video-handingherthewheel {
	background: url("../img/project/michelin-video-handingherthewheel-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}

.michelin-video-givingheraway {
	background: url("../img/project/michelin-video-givingheraway-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
    margin-bottom: 10%;
}   
    
    
.adidas-video-snow {
	background: url("../img/project/adidas-video-snow-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}


.adidas-video-cold {
	background: url("../img/project/adidas-video-cold-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}
  

.adidas-video-dark {
	background: url("../img/project/adidas-video-dark-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
}
  

.adidas-video-rain {
	background: url("../img/project/adidas-video-rain-mobile.jpg") no-repeat scroll center center  rgba(0, 0, 0, 0);
    min-height: 350px;
    margin-bottom: 5%;
} 
    
.adidas-cinemagraph{
    width: 45%;
    padding: 1% 1%;
}

.adidas-social-phones{
    max-width: 31%;    
    }    

.adidas-activation-1{
    max-width: 90%;
    padding-bottom: 2%;;
}

.adidas-activation-2{
    max-width: 90%;
    margin-bottom: 4%;
}
    
.adidas-activation-3{
    max-width: 90%;
}

.adidas-activation-4{
    max-width: 95%;
    padding-top: 6%;
}    
    
.adidas-activation-5{
    max-width: 90%;
}

.adidas-activation-6{
    max-width: 90%;
}   
   
.video-tag{
        padding-top: 18%;
    }
    
.player-anchor img{
    max-width: 50px;    
    }    

.web-ads{
    padding: 5px 0px;
}

.web-ads img{
    width: 100%;
}  

.social-posts{
    width: 100%;  
    margin: 20px 0px;
} 
    
}