/*Importar archivos css*/
@import url(banner.css);
@import url(menu.css);
@import url(blog.css);
@import url(info.css);

/*Fuentes de Google*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

/*Colocar fuente de letra*/
body {
    font-family: 'Roboto', sans-serif;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

header {
   width: 100%; 
   height: 50px;
   background: #333;
   color: #fff;
   position: fixed;/*fijo*/
   top: 0;
   left: 0;
   z-index: 100;
}

.contenedor {
   margin: auto;
   width: 90%;/*para ajustar la pantalla y no sobresalga*/
}

header .contenedor{
    display: table;
}

section {
    width: 100%;
    margin-bottom: 25px;
}

#bienvenidos h2{
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

#bienvenidos p{
    text-align: justify;
}

#video h2{
    text-align: center;
}

@media(max-width:700px){
    #youtube{
       width: 400px;
       height: 250px; 
    }
}

#contacto h2{
    text-align: center;
}

footer .contenedor p{
    text-align: center;
    margin-bottom: 10px;
}

.redes{
    text-align: center;
}
/*COLOR DE FACEBOOK 3B5998 
  WHATSAPP 00BB2D
  INSTAGRAM 3F729B
*/
#facebook{
    background-color: white;
    color: #3B5998;
}
#whatsapp{
    background-color: white;
    color: #00BB2D;
}
#instagram{
    background-color: white;
    color: #3F729B;
}