@import url('./global/_components.css');
@import url('./global/_fonts.css');
@import url('./global/_partials.css');

html{
    overflow-x: hidden;
}


/* 
section.hero{
    width: 100vw;
    height: 90vh;
    background: linear-gradient(to top, #242323c5 30%,#1a16166c 70%), url('../assets/DSC_0096-Edit.jpg');
    background-size: cover;
    background-position: center;
} */

.info-container{
    width: 100vw;
    min-height: 90vh;
    background-color: var(--dark);
    overflow-x: hidden;
}

.info-container h1{
    font-family: 'Poppins', sans-serif; 
    font-weight: 600;
    text-transform: uppercase;
    color: var(--beige);
}

.owl-carousel div img{
    object-fit: cover;
    width: auto;
    height: 250px;
}

h1, h2, h3, h4, h5, h6, p, a, i{
    color: var(--white);
}

.icons i{
    padding: 5%;
    transform: scale(2);
}

#info a{
    font-weight: 300;
    line-height: 1.5;
}

#info a:hover{
    text-decoration: underline;
    color: var(--white);
}

#info{
    margin-bottom: 5%;
}

#info h3{
    font-weight: 600;
    margin-top: 5%;
    text-transform: uppercase;
    font-size: 1.25rem;
}

#info .col-md-6:first-child h3{
    font-size: 2rem;
}

#info p{
    line-height: .5;
    font-weight: 300;
    letter-spacing: 5;
    text-transform: uppercase;
    color: var(--white);

}

#map iframe{
    width: 600px;
    height: 450px;
}

.payment i{
    transform: scale(5); 
    margin: 5% 5%;
}

footer{
    background-color: var(--white);
}
footer a, p{
    color: var(--dark);
}

/* Media queries */

@media screen and (max-width: 1024px){
  
    #map iframe{
        width: 450px;
        height: 450px;
    }
}

@media screen and (max-width: 990px){
    
    #map iframe{
        width: 350px;
        height: 250px;
    }

    .payment i{
        transform: scale(5); 
        margin: 5% 10%;
    }

}