@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{ margin: 0;
  padding: 0;
  box-sizing: border-box;
  }


  /* Reset */

.contenedor{
  display: flex;
  max-width: 48rem; 
  margin: 0 auto;
}



/* Estilos generales */


header{
  background: teal;
  width: 100%;
  justify-content: space-around;
  align-items: center;
}

.bot_menu { 
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 1rem;
  background: teal;
  border-radius: .2rem;
  margin: .5rem;
}

header nav ul li a{ 
  display: block;
  padding: 1rem;
  background-color: white;
  text-decoration: none;
  color: teal;
}


body{position: absolute;
  margin:0;
  padding:0;
  background-image: url(img/fondo.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
}


section{justify-content: center;
  margin: 10%;
  display: flex;
  align-items: flex-start;
  }

  div{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  }



a{
  display: flex;
  font-family: montserrat;
  font-size: 15px;
  color: white;
  text-decoration: none;
  }


footer{
  text-align: center;
  color: white;
  background:teal;
  height: auto;
  width: 100%;
  position:absolute;
  bottom: 0;
  padding: 5px;
}



.btn{
  position: relative;
    width: auto; 
    border: none;
    padding: 0.5rem;
    border-radius: 1rem;
    background: teal;
    color: #fff;   
  }


.img-resp{ width: 40%;
	height: 40%;
}


.titulo{
  font-family: montserrat;
  color:teal;
  font-size:50PX;
  text-align:center;
  text-decoration: underline;
  letter-spacing: none;
  background-color: white;
  padding: 100px;
}


.titulo1{
  font-family: montserrat;
  color:teal;
  font-size:30PX;
  text-align:center;
  text-decoration: none;
  letter-spacing: none;
  background-color: white;
  padding: 10px;
  border-radius: 15px;
}


.youtube{
  width: 100%;
  height: 10rem;
}




/* Mayor a 1280px Desktop */
@media(min-width:65rem){
  section{display: block;
      flex-wrap: wrap;
    }
    
      div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  }

    body{
    background-image: url(img/fondo.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;

}
footer{
  text-align: center;
  color: white;
  background:teal;
  height: auto;
  width: 100%;
  position:absolute;
  bottom: 0;
  padding: 5px;
}

    

    /* Responsive */

/* Mayor a 768px, que es tablet */
@media(min-width:48rem){
    
    section{
      display: block;
      flex-wrap: wrap;
    }

      div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  }

    body{
  background-image: url(img/fondo.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
footer{
  text-align: center;
  color: white;
  background:teal;
  height: auto;
  width: 100%;
  position:absolute;
  bottom: 0;
  padding: 5px;
}
    
    
}