@media all and (max-width: 1280px) {


}
@media all and (max-width: 980px) { 

.landing-button{
  width: 27%;
}
}


@media all and (max-width: 768px) { 
  ul{
  display: none;
}
.burger-icon{
 display: inline;
}
.menuOpen {
    display: inline;
}
.mobile-hide{
  display: none;
}


#client-color{
  background-image: linear-gradient(to bottom, rgba(255,0,0,1) 55%, rgba(255,0,0,0)65%); /* Standard syntax (must be last) */
}
#cannon-client-color{
  background-image: linear-gradient(to bottom, rgba(254,26,33,1) 55%, rgba(254,26,33,0)65%); /* Standard syntax (must be last) */
}
#client-color2{
  background-image: linear-gradient(to bottom, rgba(255,0,255,1) 55%, rgba(255,0,255,0)65%); /* Standard syntax (must be last) */
}
#morganstanley-client-color{
  background-image: linear-gradient(to bottom, rgba(147,114,195,1) 55%, rgba(147,114,195,0) 60%); /* Standard syntax (must be last) */
}
#nikon-client-color{
  background-image: linear-gradient(to bottom, rgba(255,221,0,1) 55%, rgba(255,221,0,0)65%); /* Standard syntax (must be last) */
}
#tamron-client-color{
  background-image: linear-gradient(to bottom, rgba(58,128,191,1) 55%, rgba(58,128,191,0)65%); /* Standard syntax (must be last) */
}
#adspace-client-color{
  background-image: linear-gradient(to bottom, rgba(64,153,171,1) 55%, rgba(64,153,171,0)65%); /* Standard syntax (must be last) */
}
#client-color{
  background-image: linear-gradient(to bottom, rgba(255,0,0,1) 55%, rgba(255,0,0,0)65%); /* Standard syntax (must be last) */
}
#small-business-client-color{
  background-image: linear-gradient(to bottom, rgba(61,61,61,1) 55%, rgba(61,61,61,0) 65%); /* Standard syntax (must be last) */
}
#blimpies-client-color{
  background-image: linear-gradient(to bottom, rgba(38,114,58,1) 55%, rgba(38,114,58,0)65%); /* Standard syntax (must be last) */
}
#forecast-client-color{
  background-image: linear-gradient(to bottom, rgba(227,66,37,1) 55%, rgba(227,66,37,0)65%); /* Standard syntax (must be last) */
}
#dd-client-color{
  background-image: linear-gradient(to bottom, rgba(152,0,52,1) 55%, rgba(152,0,52,0) 65%); /* Standard syntax (must be last) */
}
#about-color{
  background-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 80%); /* Standard syntax (must be last) */
}


.landing-button2{
  width: 100%;
}

.case-study-client-subhead{
  display: none;
}
.case-study-paragraph{
  width: 100%;
}

#client-container-background{
  background-image: url('../images/case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#cannon-client-container-background{
  background-image: url('../images/case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}

#nikon-client-container-background{
  background-image: url('../images/nikon-case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}

#morganstanley-client-container-background{
  background-image: url('../images/morganstanley-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}

#tamron-client-container-background{
  background-image: url('../images/tamron-case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#adspace-client-container-background{
  background-image: url('../images/adspace-case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#blimpies-client-container-background{
  background-image: url('../images/Blimpie-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#forecast-client-container-background{
  background-image: url('../images/forecast-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#dd-client-container-background{
  background-image: url('../images/dd-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#small-business-client-container-background{
  background-image: url('../images/small-buisness-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#about-container-background{
  background-image: url('../images/about-photo-mobile.jpg');
  background-position: center bottom;
  background-size: contain;

}
.case-study-rule-white,.case-study-rule-black{
  width: 100%;
}
.case-study-content{
  width: 90%;
}
h1{
  font-size: 6vw;
  line-height: 7.5vw;
}
h2{
  font-size: 3vw;
}
p{
  font-size: 2vw;
  line-height: 3.8vw;
}


 
 }
@media all and (max-width: 480px) { 

ul{
  display: none;
}
.logo{
  margin-left: 19px;
}
.burger-icon{
 display: inline;
}

.landing-type{
  width: 80%;
}

.landing-button{
  width: 80%;
}

.case-study-content{
  width: 90%;
}
.about-container{
  height: 120vh;

}
#client-color{
  background-image: linear-gradient(to bottom, rgba(255,0,0,1) 55%, rgba(255,0,0,0)65%); /* Standard syntax (must be last) */
}
#cannon-client-color{
  background-image: linear-gradient(to bottom, rgba(254,26,33,1) 55%, rgba(254,26,33,0)65%); /* Standard syntax (must be last) */
}
#client-color2{
  background-image: linear-gradient(to bottom, rgba(255,0,255,1) 55%, rgba(255,0,255,0)65%); /* Standard syntax (must be last) */
}
#morganstanley-client-color{
 background-image: linear-gradient(to bottom, rgba(147,114,195,1) 55%, rgba(147,114,195,0) 60%); /* Standard syntax (must be last) */
}
#nikon-client-color{
  background-image: linear-gradient(to bottom, rgba(255,221,0,1) 55%, rgba(255,221,0,0)65%); /* Standard syntax (must be last) */
}
#tamron-client-color{
  background-image: linear-gradient(to bottom, rgba(58,128,191,1) 55%, rgba(58,128,191,0)65%); /* Standard syntax (must be last) */
}
#adspace-client-color{
  background-image: linear-gradient(to bottom, rgba(64,153,171,1) 55%, rgba(64,153,171,0)65%); /* Standard syntax (must be last) */
}
#client-color{
  background-image: linear-gradient(to bottom, rgba(255,0,0,1) 55%, rgba(255,0,0,0)65%); /* Standard syntax (must be last) */
}
#small-business-client-color{
  background-image: linear-gradient(to bottom, rgba(61,61,61,1) 55%, rgba(61,61,61,0) 65%); /* Standard syntax (must be last) */
}
#blimpies-client-color{
  background-image: linear-gradient(to bottom, rgba(38,114,58,1) 55%, rgba(38,114,58,0)65%); /* Standard syntax (must be last) */
}
#forecast-client-color{
  background-image: linear-gradient(to bottom, rgba(227,66,37,1) 55%, rgba(227,66,37,0)65%); /* Standard syntax (must be last) */
}
#dd-client-color{
  background-image: linear-gradient(to bottom, rgba(152,0,52,1) 55%, rgba(152,0,52,0) 65%); /* Standard syntax (must be last) */
}
#about-color{
  background-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 80%); /* Standard syntax (must be last) */
}
.contact-content {
      width: 80%;}
      .contact-content p{
            font-size: 3vw;
      }





.case-study-client-subhead{
  display: none;
}
.case-study-paragraph{
  width: 100%;
}

#client-container-background{
  background-image: url('../images/case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#cannon-client-container-background{
  background-image: url('../images/case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}

#nikon-client-container-background{
  background-image: url('../images/nikon-case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}

#morganstanley-client-container-background{
  background-image: url('../images/morganstanley-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}

#tamron-client-container-background{
  background-image: url('../images/tamron-case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#adspace-client-container-background{
  background-image: url('../images/adspace-case-study-background-Mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#blimpies-client-container-background{
  background-image: url('../images/Blimpie-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#forecast-client-container-background{
  background-image: url('../images/forecast-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#dd-client-container-background{
  background-image: url('../images/dd-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#small-business-client-container-background{
  background-image: url('../images/small-buisness-case-study-background-mobile.jpg');
  background-position: center bottom;
  background-size: contain;
}
#about-container-background{
  background-image: url('../images/about-photo-mobile.jpg');
  background-position: center bottom;
  background-size: contain;

}
.case-study-rule-white,.case-study-rule-black{
  width: 100%;
}

h1{
  font-size: 7vw;
  line-height: 7.5vw;
}
h2{
  font-size: 4vw;
}
p{
  font-size: 3.5vw;
  line-height: 3.8vw;
}

.bracket{
  width: 8px;
}
.bracketL{
  width: 8px;
}

.case-study-client{
  height: 28px;
}

.case-study-container-detail{
  height: 100vh;
}
.casestudy-detail-img-full{
  width: 95%;
  display: block;
}
.casestudy-detail-img-full-top{
  width: 95%;
  display: block;
  
}

.casestudy-detail-img-half{
  width:100%;
  display: block;
}
.casestudy-detail-img-third{
  width: 100%;
  display: block;
}

.casestudy-detail-img-quarter{
 width: 100%;
  display: block;

}
.button-case-study-black,.button-case-study-white{
  width: 5.7vw;
}
#casestudy-spacer{
  padding-right: 0px;
  padding-bottom: 2.5%;
}
.top-frame{
  height: 0vh;
  width: 0px;
}
.bottom-frame{
  height: 0vh;
  width: 0px;
}
header{
  width: 100%;
  top: 0vh;
}
.container{
  width: 100vw;
}
.toolbox-buttons-container1, .toolbox-buttons-container2, .toolbox-buttons-container3, .toolbox-buttons-container4, .toolbox-buttons-container5, .toolbox-buttons-container6, .toolbox-buttons-container7, .toolbox-buttons-container8{
  width: 50%;
  padding-top: 50%;
}
.container2{
  width: 100%;
}



.menuOpen{
  display: inline;
}
.menu ul li a{
  font-size: 5vw;
}
.menu .menuContent{
  width: 80%;

}


}





/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 


}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}




/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}



 /* iphone x */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 



}



/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {
}




/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    

}