img{
    width: 100%;
}
html {
    scroll-behavior: smooth;
  }
body{
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;   
    background-color: #FBF8F3;
}

/*
body .sample{
    position: absolute;
    background-image: url("../images/bg.jpg");
    background-repeat: no-repeat; 
    height: 2960px;
    width: 375px;
    top: -32px;
    opacity: 0.3;
    z-index: -1;

}*/
h1, h2, h3, h4, h5, h6{
    font-family: 'Libre Baskerville', Times New Roman, Times, serif;
    color: #883338;
    font-weight: 600;
}
h2{
    font-size: 20px;
}

/*slider starts*/
.container{
    width: 100%;     
    overflow: hidden; 
    margin: 0;
    
}
.wrapper{
    width: 100%;
    display: flex;
    animation: slide 20s infinite;
}
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-100%);
    }
    45% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(-200%);
    }
    70% {
        transform: translateX(-200%);
    }

    75% {
        transform: translateX(-300%);
    }
    95% {
        transform: translateX(-300%);
    }

    100% {
        transform: translateX(-400%);
    }
}

.wrapper img{
    width: 100%;
}
/*slider finaliza*/


/*Header empieza*/
header{
    padding: 56px 36px 53px 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
header img{
    justify-self: start;
    align-self: center;
    width: 128px;
}
header section{
    max-width: 100%;
    justify-self: end;
    align-self: center;
    width: 24px;
}
header section img{
    width: 100%;
    margin: 5px 0;
}
/*Header termina*/


/*info seccion empieza*/
.info{
    margin-top: 4px;
    padding-top: 20px;
    display: grid;
    grid-template-columns: auto 340px;
    gap: 10px;
}
.info .linea-left{
    background-color: #883338;
    height: 2px;
    grid-column: 1/2;
    align-self: center;   
}
.info h1{
    grid-column: 2/3;
    align-self: center;
    justify-self: start;
    font-size: 2.05em;
}
.info .nosotros{
    grid-column: 1/3;
}




.info .nosotros p{
    padding: 0 15px;
    font-size: 0.88em;
    margin: 0 20px;
    line-height: 1.2;
}
.info h2{
    font-size: 2.05em;
    margin: 0 35px;
    margin-top: 24px;
}
/*info seccion termina*/

/*Seccion servicios comienza*/
.servicios{
    margin: 20px 35px;
}
.servicios section{
    display: grid;
    grid-template-columns: 10px auto;
    margin-bottom: 2px;
}
.servicios section .dot{
    background-color: #883338;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    margin-top: 5px;
}
.servicios section .dot-text{
    margin-left: 10px;
}
.servicios section .dot-text h3{
    margin: 0;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;   
    font-size: 0.93em;
}
.servicios section .dot-text p{
    margin: 0;
    padding: 0;
    margin-top: 2px;
}



/*Seccion servicios termina*/


/*Imagen flores*/
.info-img{
    margin-top: 30px;
    grid-column: 1/3;
    display: grid;
    
}
.info-img section{
    width: 100%;
    height: 80px;
    grid-row: 1/2;
    grid-column: 1/2;
    align-self: center;
}
.info-img img{
    max-width: 250px;
    grid-row: 1/2;
    grid-column: 1/2;
    align-self: center;
    justify-self: center;
    border-radius: 80px;
}


/*Instagram Seccion*/

.instagram{
    margin: 0px 12px;
    margin-top: -8px;
    padding-top: 30px;

}
.instagram .insta-title{
    margin-top: 30px;
    display: grid;
    grid-template-columns: auto 130px;
}
.instagram h1{
    font-size: 2.075em;
    margin: 0;
    align-self: center;
}
.instagram a{
    padding: 13px;
    border-radius: 14px;
    align-self: center;
    justify-self: right;  
    margin-right: 5px;
    display: grid;
    gap: 5px;
    grid-template-columns: 20px auto;
    text-decoration: none;
    color: #fff;
    background-color: #883338;
}
.instagram a img{
    align-self: center;
}
.instagram a span{
    align-self: center;
    margin: 0;
}


.iframe-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.iframe-container iframe {
    width: 100%;
    max-width: 840px;
    border: 0;
    display: block;
    min-height: 360px;
}


.sk-instagram-feed{
    margin-top: 30px;
}


/*Comienza Contacto*/
.contacto{
    background-color: #883338;
}
.contacto-info{
    margin-top: 70px;
    padding: 0 15px;
    color: #fff;
}
.contacto-info h1{
    padding-top: 42px;
    color: #fff;
}
.contacto-info .contacto-section{
    margin-bottom: -8px;
}
.contacto-info .contacto-section section{
    margin-top: 50px;
    text-align: center;
    display: grid;
    grid-template-columns: auto auto;
}
.contacto-info .contacto-section section img{
    width: 34px;
    align-self: center;
    justify-self: end;
    margin-right: 15px;
}
.contacto-info .contacto-section section span{
    align-self: center;
    justify-self: start;
    margin-left: -5px;
    font-size: 1.1em;
}
.contacto-info .contacto-section a{
    margin-top: 16px;
    display: block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 16px;
    text-decoration: none;
    text-align: center;
}

.last-contact-section{
    padding: 0 25px;
    padding-bottom: 77px;
}
.last-contact-section span{
    text-align: left;
}
footer{
}
footer p{
    text-align: center;
    margin: 0;
    padding: 15px 15px;
    color: #883338;
}


/*seccion con dos menus*/
.menu{
    grid-column: 1/3;
    margin: 20px 10px;
    overflow: hidden;
}
.menu .linea-full{
    background-color: #883338;
    height: 2px;
    align-self: center;
}
.menu h3{
    text-align: center;
    font-size: 1.5em;
    margin: 40px auto;
}
.menu section{
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
}
.menu section article{
    justify-self: center;
    text-align: center;
    border: 1px solid #D8C6B8;
    border-radius: 10px;
    padding: 30px 20px;   
    width: 70%;
}
.menu section article img{
    max-width: 70px;
    border-bottom: 1px solid #D8C6B8;
}
.menu section article h4{
    font-size: 1.4em;
    font-weight: 600;
}
.menu section article p{
    font-size: 0.95em;
    color: #3E2E2A;
}
.menu section article a{
    color: #fff;
    background-color: #883338;
    margin: 0px 16px;
    margin-top: 30px;
    padding: 13px;
    font-size: 1.2em;
    border-radius: 15px;
    display: block;
    text-decoration: none;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;   
    text-align: center;
}