body {
    background-image: url(/img/background-img.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #cecece;
}

.row-home {
    display: flex;    
}

.container-home {
    display: flex;  
    min-height: 100%;
    padding: 1%;
    /*justify-content: center;
    align-items: center;*/
}

.w3-border-header {
    border-style: solid;
    border-width: 3px;

}

.fb-img:hover {
    opacity: 0.8;
    filter: alpha(opacity=30);
}

.rotated {
    margin-top: 2%;
    transform: rotate(38deg);
}

.map-responsive {

    overflow: hidden;

    padding-bottom: 56.25%;

    position: relative;

    height: 0;

}

.map-responsive iframe {

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;

}


@media screen and (min-width: 900px) {
    .w3-button {
        width: 20% !important;
        margin-top: 2%;
        margin-right: 2%;
    }

    .fb-img {
        width: 60px;
        margin-top: 2em;
    }

    .header-img {
        width: 18% !important;
        margin-top: 2%;
        margin-right: 2.7%;
        margin-left: 1%;        
    }

    .w3-container-first {
        margin-top: 5%;
    }

    .logo-acessorio {
        margin-top: -200px;
    }

    .img-souvenir {
        width: 280px;
        height: 260px;
    }

    .best-souvenir {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .souvenir-img{
        width: 100% !important;
        height: 100%;
    }
    .form-contact{
        margin-top: -100px;
    }
    .error{
        margin-top: -160px;        
    }
    .logo-contactos {
        margin-top: -50px;    
    }

}

@media screen and (min-width: 600px) and (max-width: 900px) {
    .w3-button {
        width: 20% !important;
        margin-top: 2%;
        margin-right: 2%;
    }

    .fb-img {
        width: 60px;
        margin-top: 1.3em;
    }

    .header-img {
        width: 20% !important;
        margin-top: 2%;
        margin-right: 2%;
    }

    .content {
        margin-top: 1%;
    }
    .w3-container{
        margin-top: 2%;
    }

}

@media screen and (max-width: 600px) {
    .w3-container-first {
        margin-top: 2%;
    }
    .w3-button {
        margin-top: 2%;
        margin-right: 2%;
    }

    .header-img {
        margin-top: 2%;
        margin-right: 2%;
    }
    .row-home {
        flex-direction: column;  
    }
    .w3-container{
        margin-top: 2%;
    }
    .fb-img{
        width: 32px;
        margin-top: 1em;
    }

}