Changes

Jump to navigation Jump to search
changing sizes of the title / logo
Line 134: Line 134:     
@media only screen and (min-width: 32em) {
 
@media only screen and (min-width: 32em) {
#whats {font-size:36px !important;}
+
#whats {font-size:32px !important;}
 
#yogurt {width:100px;top:7px;right:15px;}
 
#yogurt {width:100px;top:7px;right:15px;}
 
}
 
}
    
@media only screen and (min-width: 40em) {
 
@media only screen and (min-width: 40em) {
#whats {font-size:44px !important;}
+
#whats {font-size:40px !important;}
#yogurt {width:125px;top:9px;right:18px;}
+
#yogurt {width:120px;top:9px;right:18px;}
 
}
 
}
    
@media only screen and (min-width: 48em) {
 
@media only screen and (min-width: 48em) {
#whats {font-size:55px !important;}
+
#whats {font-size:50px !important;}
#yogurt {width:150px;top:10px;right:20px;}
+
#yogurt {width:140px;top:10px;right:20px;}
 
  } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
 
  } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
    
@media only screen and (min-width: 56em) {
 
@media only screen and (min-width: 56em) {
#whats {font-size:64px !important;}
+
#whats {font-size:60px !important;}
#yogurt {width:175px;top:12px;right:24px;}
+
#yogurt {width:170px;top:12px;right:24px;}
 
  }
 
  }
 
   
 
   
 
@media only screen and (min-width: 64em)  {  
 
@media only screen and (min-width: 64em)  {  
#whats {font-size:74px !important;}  
+
#whats {font-size:70px !important;}  
#yogurt {width:200px;}
+
#yogurt {width:191px;}
 
top:15px;right:30px;
 
top:15px;right:30px;
 
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
 
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
Anonymous user

Navigation menu