/*DEFINICION DE VARIABLES imagen 2-------------*/

 :root{
     
    --ff-primary: 'Montserrat Alternates', sans-serif;
    --ff-secundary: 'Lobster', cursive;
    --ff--base:'Orbitron', sans-serif;


    --cl-primary: #9bad50;
    --cl-secundary: #904C05;
    --cl-base:#821B5E;
    --cl-basee: #C46D7E;
    --cl-primary1: #596A14
  
    }




p {
    font-size: 18px;
}

.row {
    margin-top: 5px;
}

 h1, h3, h4, h5 {
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    color: var(--cl-primary);
    font-weight: bolder;
 }
 

 h2 {
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    color: var(--cl-secundary);
    font-weight: bolder;
 }

.purp {
   color:var(--cl-base);
   font-family: 'Times New Roman', Times, serif;
    font-style: italic;

}

.bg-b{
background-color: #fff; 
color: var(--cl-secundary);

}
 nav .h1 { 
    font-family:'Tangerine', cursive;
    color: var(--cl-primary);
    font-weight: 900;
 }

li{list-style: none;}

.idioma{
    background-color: var(--cl-primary);
    text-align: right;
    color: #fff;      
}

.idioma img{
    margin-left: 10px;
}

.idioma p{
    display: inline;
}




.nav2{
    visibility: hidden;
    z-index: 100;
    background-color: var(--cl-primary);
}

.languaje{
    width: 30px;
    border-radius: 50%;
}
.languaje :hover{cursor: pointer;}




.buttons .btnlight {
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 18px;
    width: 180px;
    background-color: var(--cl-primary);
    color: white;
}

.buttons .btn-brown { 
      background-color: var(--cl-secundary);
    font-size: 20px;
    width: 180px;
}

section{
    background-color: #fff; 
}

.card{
    padding-bottom: 10px;
    margin-bottom: 50px;
}




span {
    font-family: 'Times New Roman', Times, serif;
    font-size: 30px;
    color: #ffff; 
  }


    
/*text*/

.lg {
    display: inline;
}






.buttons .boton{ 
    font-size: 14px;
    background-color: var(--cl-primary);
    color: white;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 80%;
}




.fab{ color: var(--cl-primary); }

/*footer*/
.contact li {
    text-decoration: none;
    color: black;
    font-size: 35px;
    font-family: 'Tangerine', cursive;
}



.contact {
    color: black;
}

 footer { 
        background:var(--cl-secundary);
          }
          
@media only screen and (max-width: 700px) {

section {padding-left: 20px;}




                
    .contact h2{
           font-size: 20px; 
         }
      }
    
/*@media screen and (max-width:700px){
    header {
        height: 75vh;
    }
    
    .title h1{font-size: 20px; text-align: center;}
    .btn{width: 60%;}
}


@media (min-width:710px) and (max-width:1024px) {
    header {
        height: 75vh;
 
    }
    
}*/