/* (tablets, 768px and up) */
@media (min-width: 768px) {
/* -------------------- NAV  --------------------*/    
.navbarstoteler{
    display: block;}    

    .navbarstoteler .navbar-header img{
        margin: 0px auto;}
    
    .navbarstoteler ul.nav li a{
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0);
        color: #707173;}
    
.flel{
    left: 50%;
    position: relative;}
    
.hdrcontent {
    width: 100%;}       
    
.navbarstoteler .navbar-nav{
    float: none;}
    
.navbarstoteler .navbar-collapse{
    width: 100%;
    text-align: center;}
    
/* -------------------- HEADER  --------------------*/    
header.hdrst{
    background: rgba(185,200,23,1);
    background: -moz-linear-gradient(180deg, rgba(245,245,245,1) 20%, rgba(185,200,23,1) 60%, rgba(138,165,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(245,245,245,1) 20%,rgba(185,200,23,1) 60%,rgba(138,165,0,1) 100%);
    background: linear-gradient(180deg, rgba(245,245,245,1) 20%,rgba(185,200,23,1) 60%,rgba(138,165,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#8aa500',GradientType=1 );}
    
    .vvp header.hdrst{
        background: rgba(245,245,245,1);}
    
/* -------------------- MAIN --------------------*/    
.homemain{
    width:calc(100% / 1.8);}
    
    
}