header a.logo img {max-height: 90px; margin-top: 7px !important;}

.bg-light-gray {background-color: #e6e6e6;}

.slider-text-middle img {width: 540px; display: inline;}

section#home {height: 100%; background: url('../images/tegom-banner1.png') no-repeat fixed; background-size: 100% 480px; background-position: 0px bottom !important; padding: 0px; z-index: -100;}

.opacity-extra-medium {opacity: 1 !important;}

.text-medium {font-size: 21px; line-height: 32px;}

#about {padding: 60px 0 30px;}

.medio {font-size: 18px; color: #D24623; margin-bottom: 15px !important;}

.bebidas1 {margin-top: 140px;}

#sobre h5 {font-size: 22px;}

.icon {width:70px; height: 70px; margin: -9px 15px 9px;}

icon.img {max-width: 70px !important;}
.col-icon {text-align: right;}

.cor1 {background-color: #D24623; color: #F9B233; padding: 3px;}
div #titulo .cor2 {font-size: 32px !important; background-color: #69444C; color: #fff; width: 80%; margin-left: 10% !important; margin-top: 30px !important; z-index: 9999999 !important;}

.esquerda {margin-left: -35px;}

.missao {color: #5D0B0B; font-size: 19px; line-height: 1.5; background-color: #e8e8e8; padding: 12px 7px;}

.footer-logo2 {height: 90px;}

header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a {color: #6f6f6f;}
header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover {color: #D24623;}
header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active {color: #000;}

.bg-light-custom {background-color: #694F51;}
.bg-light-custom > h {color: #fff !important;}
.down-section {bottom: 20px;}

.topik1 {padding: 10px 20px !important; background: #fff; border-radius: 30px; margin-left: -15px; line-height: 110%; color: #D24623;}

.topik3 {font-size: 21px; letter-spacing: -.5px;}

.padi {font-size: 24px;}


/*
@media only screen and (min-width: 481px) and (max-width: 1024px) {
 .slider-text-middle img {width: 100px !important; display: inline;}
}
*/

@media only screen and (max-width: 480px) {
    
    .bebidas1 img {width: 300px;}
    div #titulo .cor2  {font-size: 26px !important; line-height: 110%; margin-top: 10px;}
    .bebidas1 {margin-top: 35%;}
    .down-section {bottom: 10px;}
    section#home {height: 680px; background: url('../images/tegom-banner1.png') no-repeat fixed; background-size: 100% 400px; background-position: center center !important; padding: 0px;}
    .cor2 {padding: 10px 20px; width: 86%; margin-left: 7% !important; margin-top: -450px !important;}
    .navbar-default.white-link .navbar-toggler .icon-bar {background: #232323;}
    header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a {font-size: 24px !important; padding: 18px 10px; text-align: center;}
    .navbar-collapse {height: 90vh !important; min-height: 90vh !important;}
    header nav.navbar.white-link .navbar-nav > li > a.active, nav.navbar.bootsnav.white-link ul.nav > li > a.active {
        color: #fff;}
    .topik1 {margin: 10px;}
    .esquerda .col-icon {text-align: center;}
    .esquerda {margin: 0px;}
    .padi {font-size: 20px;}
    
    .icon {margin: 4px 15px 9px;}
    div .down-section {display: none;}


}


.white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
  }