@media only screen and (max-width:1140px){
    
/*---------------------O FIRMĚ---------------------------*/
    .o-firme{
        width: 100%;
    }
   
/*---------------------POŘEZ---------------------------*/
    .porez{
        width: 100%;
    }
    
/*---------------------STAVEBNÍ---------------------------*/
    .stavebni{
        width: 100%;
    }
    
/*---------------------TRUHLÁŘSKÉ---------------------------*/
    .truhlarske{
       width: 100%; 
    }

/*---------------------PRODEJ---------------------------*/
    .prodej{
        width: 100%;
    }
    
/*---------------------FOTOGALERIE---------------------------*/
    .fotogalerie{
        width: 100%;
    }
    
}

@media only screen and (max-width:875px){
    
/*---------------------HEADER TEXT---------------------------*/   
    .header-text{
        top: 35%;
    }
}

@media only screen and (max-width:790px){
/*---------------------MOBILNÍ MENU---------------------------*/
    nav ul li{
        display: block;
        margin: 10px;
        font-weight: 300;
        letter-spacing: 2px;
    }
    
    nav ul li a{
        padding-bottom: 3px;
    }
    
    .nav-back{
        z-index: 500;
    }
    
    .mobile-nav-back{
        height: 206px;
        width: 110%;
        position: fixed;
        background-color: #fff;
        opacity: 0.95;
        border-bottom: 1px solid #006638;
        display: none;
        z-index: 100;
        top: 65px;
    }
    
    .mobile-nav-icon{
        display: inline-block;
        z-index: 200;
        position: fixed;
        right: 5%;
        top: 7px;
        cursor: pointer;
    }
    
    nav ul{
        display: none;
        z-index: 200;
        top: 55px;
        margin-left: 40px;
    }
    
    .logo1{
        display: none;
    }
    
    .logo2{
        display: block;
    }
    
    .logo2 img{
        height: 50px;
        position: fixed;
        z-index: 200;
        top: 5px;
        left: 5%;
    }
    
/*---------------------SCROLL TOP BUTTON---------------------------*/
    #scroll-top-btn{
        display: block;
    }
    
/*---------------------REFERENCE---------------------------*/
    .ref-text p{
        font-size: 20px;
    }
    
    .ref-name p{
        font-size: 18px;
    }
    
/*---------------------HEADER TEXT---------------------------*/
    .header-text{
        left: 48%;
        top: 30%;
    }
    
/*---------------------HEADER BUTTON---------------------------*/
    .header-btn a:link,
    .header-btn a:visited{
        margin-top: 8px;
        padding: 20px;
        font-size: 16px;
    }
    
    .header-btn{
        margin-top: 435px;
    }
    
    .header-btn .span-1-of-3{
        width: 100%;
    }
    
    .header-btn .col{
        margin-left: 0;
    }

@media only screen and (max-width:510px){
    
/*---------------------REUSEABLE---------------------------*/
    .heading-main h2{
        letter-spacing: 5px;
    }
    
/*---------------------HEADER TEXT---------------------------*/
    .header-text h1{
        font-size: 44px;
    }
    
    .header-text h4{
        font-size: 20px;
    }
 
/*---------------------NADPIS NABÍDKA---------------------------*/
    .only-heading h2{
        letter-spacing: 5px;
        font-size: 30px;
    }
    
/*---------------------KONTAKTY---------------------------*/
    .kontakty h2{
        letter-spacing: 15px;
    }
    
/*---------------------FOOTER---------------------------*/
    .footer-page{
        padding: 30px;
    }
    
}

@media only screen and (max-width:480px){
    
/*---------------------REUSEABLE---------------------------*/
    .paragraph-main p{
        font-size: 16px;
        text-align: left;
    }
    
    .heading-main h2{
        font-size: 26px;
    }
    
/*---------------------HEADER TEXT---------------------------*/
    .header-text{
        left: 47%;
    }
    
/*---------------------REFERENCE---------------------------*/
    .ref-name{
        padding-bottom: 40px;
    }
    
/*---------------------FOTOGALERIE---------------------------*/
    .fotogalerie .col{
        margin: 1% 0 1% 1.6%;
    }
    
}

@media only screen and (max-width:380px){
    
/*---------------------MOBILNÍ MENU---------------------------*/  
    nav ul li{
        letter-spacing: 1px;
        font-size: 14px;
    }
}

@media only screen and (max-width:360px){
    
/*---------------------MOBILNÍ MENU---------------------------*/
    .logo img{
        display: none;
    }
    
/*---------------------KONTAKTY---------------------------*/
    .kontakty p{
        font-size: 12px;
    }
    
/*---------------------FOOTER---------------------------*/
    .footer-text-left,
    .footer-text-right{
        float:none;
        text-align: center;
        padding: 10px;
    }
    
}

@media only screen and (max-height:600px){

/*---------------------HEADER TEXT---------------------------*/
    .header-text{
        margin-top: 80px;
    }
    
    header{
        height: 700px;
    }
}

@media only screen and (max-height:490px){

/*---------------------HEADER TEXT---------------------------*/
    .header-text{
        margin-top: 100px;
    }
}