/* mobile.css overrides */
/*  .red_btn { font-weight: lighter; webkit-box-shadow:none;} */
    .btn-flat { height:70px; font-size:1.9em; line-height: 2em;}  
    h1.title { font-size: 1.5em; line-height: 1em; }
    #content { margin: auto; margin-left:2.5%;}
    .thumbs { width: 32%; display:inline-block; min-height:auto; overflow:hidden;}
    .thumbs img { width: 100%;} 
    #thumb-container { width: 100%;} 
    .footer-box { background:#ecf0f1; border: 1px solid #ccc; width:94%; padding:.75em; margin: 10px auto 10px auto;  text-align: center;}
    .footer-box h2 { color:#3058a6; font-size: 1.7em; line-height: 1.8em; font-weight: lighter;}
    .footer-box p { line-height: 1.5em;}
    img.footer-img { width:40%;}
    .footer-container { width:100%; background:#ececec !important; border-top:1px solid #ccc; padding:0; margin-bottom:-50px; bottom:0;}
    #footer { background:#ececec; line-height: 1.2em; border:0; padding: 0;}
    #footer p {line-height: 1.75em;}
    #footer a { color:#3058a6; text-decoration: none;}
    #lang_opts{display:none;}#footer{line-height:1.6em;}p{text-align:center;line-height:1.8em;}
    #thumb-container img { border-radius: 10px;}

/* iphone 4 portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) 
{ 
    .thumbs { height: 90px;}  
}
/* iphone 4 landscape */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) 
{ 
    .thumbs { height: 140px;}
}

/*  iphone 6 portrait  */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation : portrait) 
{ 
  .thumbs { height: 110px;}
}

/*  iphone 6 landscape  */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation : landscape) 
{ 
  .thumbs { height: 200px;}
}

/* iphone 6+ porttait  */

@media only screen
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (orientation : portrait) 
 { 
    .thumbs { min-height: 130px;}
}

/* iphone 6+ landscape  */

@media only screen
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (orientation : landscape) 
 { 
    .thumbs { height: 225px;}
}

/*-- footer-box update for responsive home pages --*/

 .footer-box p { min-height:80px; }

@media only screen and (min-width: 860px) {
    .footer-box { max-width: 33%; display: inline-block; padding: .75em; }
    }