/*  LOGO I CONTACT BAR  ============================================================================= */

@media(max-width: 1400px) {
    nav ul li { 
        margin:5px 15px;
    }
}
@media(max-width: 1284px) {
    nav ul li { 
        margin:5px 72px;
    }
}
@media(max-width: 947px) {
    nav ul li { 
        margin:5px 10px;
    }
}
@media(max-width: 824px) {
    nav ul li { 
        margin:5px 90px;
    }
}
@media(max-width: 645px) {
    nav ul li { 
        margin:5px 50px;
    }
    .logo {
        margin-left: 25px;
    }
}
@media(max-width: 645px) {
    nav ul li { 
        margin:5px 40px;
    }
}
@media(max-width: 445px) {
    nav {
        display: flex;
       // width: 100%;
       // align-items: center;
       // flex-wrap: wrap;
       // padding: 5px0;
        flex-direction: column;
    }
    .logo {
        margin-left: 0px;
    }
    nav ul {
        margin-top: 30px;
        text-align: center;
        padding-right: 0px;
        padding-bottom: 20px;
    }
}

/*  HERO  ============================================================================= */

@media(max-width: 1400px) {
    .text-box h1{
        font-size: 8rem;
    }
}
@media(max-width: 1100px) {
    .text-box h1{
        font-size: 7rem;
    }
    .container{
        height:70vh;
    }
}
@media(max-width: 980px) {
    .text-box h1{
        font-size: 6rem;
    }
}
@media(max-width: 860px) {
    .text-box h1{
        font-size: 5rem;
    }
}
@media(max-width: 720px) {
    .text-box h1{
        font-size: 4rem;
    }
    .container{
        height:60vh;
    }
}
@media(max-width: 600px) {
    .social-icons{
        display: flex;
        flex-direction: row;
        position: absolute;
        right: 5%;
        top: 8%;
    }
    .container{
        height:50vh;
    }
}
@media(max-width: 500px) {
    
    .text-box p {
        font-size: 2rem;
    }
    .text-box h1 {
        font-size: 3.5rem;
    }
}
@media(max-width: 449px) {
    
    .container{
        height:60vh;
    }
    .text-box{
        top: 28%;
    }
    .text-box p {
        font-size: 2rem;
        
    }
    .text-box h1 {
        font-size: 3.5rem;
    }
    .text-box a{
        margin-bottom: 15px;
    }
}
@media(max-width: 410px){
    .text-box h1 {
        line-height: 50px;
        padding:15px;
    }
}
/* TEXT - USLUGE AUTODIZALICE   ============================================================================= */
@media(max-width: 850px){
    .description-box {padding: 25px;}
}
/* GALERIJA  ============================================================================= */
@media(max-width: 500px){
    .gallery-masonry{
        display: flex;
        flex-direction: column;
        padding:15px;
    }
    .gallery-img img{
        filter: none;  
    }
    .gallery-img img:hover{
        
        transform: none;
    }
}

/* KONTAKT  ============================================================================= */

@media(max-width: 1100px){
    .contact-right{
        padding: 3rem 5rem 10rem 5rem;
    }
}
@media(max-width: 840px){
    .contact-right{
        padding: 3rem 2rem 10rem 1rem;
    }
}
@media(max-width: 660px){
    .contact-wrapper{
        width:80%;
    }
    .contact-left{
        width:0%;
    }
    .contact-right{
        width:100%;
    }
}