#mainas{
    background: linear-gradient(220.55deg, #1c1d1d 0%, #e1e9e4 100%);

}
#modalMedidas{
    font-family:cursive;
}
.nav-link {
    font-family:cursive;
}

.text-platzi {
        color: #d0e22a !important;
}
.customer
{
    color: #97c93e !important;
}
.btn-platzi {
    background-color: #97c93e;
    color: white;
}
.btn-platzi:hover{
    background-color:#82a4ee;

}

#header img {
    width: 40px;
}

#main .carousel-inner img {
    max-height: 80vh;
    object-fit: cover;
    /*filter: grayscale(0%);*/
}

#carousel {
    position: relative;
}
  
#carousel .overlay {
  position: absolute;
    z-index:0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.0);
    color:rgb(255, 255, 255);  
    font-family:cursive
     }
     

    /*estara con tipografia blanca */
 #carousel .overlay .container,
 #carousel .overlay .row {
        height: 100%; 
    }


#place-time {
    background-color: #343a40;
    color: white;
}

#place-time img{
    
    max-height: 40vh;
    position: relative;
   /* max-width:10%*/
   
}
 #footer {
 background: -webkit-linear-gradient(0deg, #1c3643 0, #273b47 25%, #1e5372);
}
#footer a {
    color: white;
}
#footer h5 {
    color: rgb(170, 174, 179);
}

#footer p{
    color: rgb(170, 174, 179);;
}
#variedad{
    text-align: right;
}

#contenedor{
    width: 600px;
    margin: 0 auto;
    padding-top:0px;
   }
#contenedorimg img {
/*border: 1px solid #eee;*/
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}

#contenedorimg img:hover {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
   }

.card  img{
    width: 100%;
    
}

.modal-body p{
    padding: 0%;
    margin: 0%;
}

#footer p{
    padding: 0%;
    margin: 0%;
}

#id_somos {
 background-color: #e3f0cd;
  
}

.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 250px;
    width: 250px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 60%;
    border-radius: 20%;
    background-size: 170% auto;
}

.avatar1 {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 270px;
    width: 420px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 0%;
    background-size: 100% auto;
}