.position-a-xs {
    left: 0;
    position: absolute;
    top: 0;
}



.container {

}


@media (max-width: 501px) {
    #home h1,
    #home h2,
    .phone-xs {
        color: #66574a;
    }
}

@media (max-width: 600px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }
}

@media (min-width: 601px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 23px;
    }
}



#home {

}


@media (min-width: 300px) and (max-width: 340px) {
    #home .fotorama {
        margin-top: 230px;
    }
       
    .position-heading {    
       height: 200px;
       margin-top: -480px;
    }
}

@media (min-width: 341px) and (max-width: 400px) {
    #home .fotorama {
        margin-top: 230px;
    }
    .position-heading {    
       height: 230px;
       margin-top: -490px;
    }
}


@media (min-width: 401px) and (max-width: 440px) {
    #home .fotorama {
        margin-top: 230px;
    }
    .position-heading {    
       height: 200px;
       margin-top: -510px;
    }
}

@media (min-width: 441px) and (max-width: 470px) {
    #home .fotorama {
        margin-top: 230px;
    }
    .position-heading {    
       height: 200px;
       margin-top: -530px;
    }
}

@media (min-width: 471px) and (max-width: 500px) {
    #home .fotorama {
        margin-top: 230px;
    }
    .position-heading {    
       height: 200px;
       margin-top: -550px;
    }
}

@media (min-width: 501px) {   
    .fotorama__nav-wrap  {     
        padding: 10px 0;
    }
}



@media (min-width: 551px) {
    .fotorama__nav-wrap  {     
        padding: 40px 0;
    }
}


@media (min-width: 651px) {

    .fotorama__nav-wrap  {     
        padding: 60px 0;
    }
    
    .position-heading {
        /*text-align: center;*/
    }
}