/*INDICACIONES GENERALES*/

body{font-family: 'Didact Gothic', sans-serif; background-color: white; padding-left: .5rem; padding-right: .5rem;}
*{box-sizing: border-box;}

/*DIMENSIONES DE LAS FUENTES*/

p{font-size:1.5rem; color: #4d4d4d; line-height: 2rem;}
strong{font-weight: bolder; color: #333333; font-style: italic;}
span{font-weight: bolder; color: #164450;}
a{text-decoration: none; color:darkgray;}
h1{font-size: 3rem; color: #164450; text-align: center; margin-top: 2rem; font-weight: 700;}
h2{font-size: 1.7rem; color: #164450; text-align: center;}

/*HEADER*/

header{width: 100%; text-align: center; box-shadow: 3px 3px 4px #666; margin-top: 1rem;}
header img{ margin-bottom: 1rem; }

/*MENU PRINCIPAL*/
.menu-ppal{margin-top: 1rem;}
.contenido{text-align: center;}

/*BANNER WHATSAPP*/
.wa{width: 100%; margin-top: 2rem; display: flex; justify-content: center; align-items: center; background-color: darkgray; padding: 1rem;}
.wa p{display: inline-block; color: white;}
.wa img{width: 40px;}

/*SECCIONES*/
section{width: 65%; margin: 0 auto; }
#video-texto{text-align: center;}
#video-texto p{line-height: 3rem;}
#video-texto p:first-child{font-size: 2rem;}

#taller-texto{text-align: center;}
#taller-texto p{line-height: 3rem;}
#taller-texto p:first-child{font-size: 2rem;}

#computacion h2{text-align: center;}

.bloque{width: 100%; background-color: darkgray; padding: 1rem;}

/*SERVICIOS PROPORCIONADOS*/
.servicios{width:50%; float: left; padding: 2rem;}
.servicios p{text-align: left; font-size: 1rem;}
.top{text-align: center;}
.subtitulo p{color: #164450; font-weight: bolder; text-align: center;}
.top img{width: 40%;}
#clientes{ overflow: hidden;}

/*FOOTER*/

footer{background-color: black; padding: 2rem;}
.titulo{color: white;}
.datos-contacto p:nth-child(7){color: #164450;}




/*AREA PANTALLAS*/

@media screen and (max-width:1080px){

    section{width: 90%; }
    .contenido p{font-size: 1.2rem;}
    
}


@media screen and (max-width:800px){
    
   section{width: 100%; }
    .servicios{width: 85%; margin: 0 auto; float: none;}
    h1{font-size: 2rem;}
    h2{font-size: 1.3rem;}
    .servicios{float: none; width: 100%; margin: 0 auto; padding: 1.5rem;}
}

@media screen and (max-width:600px){
    
    section{}
}