@import url ('https://fonts.googleapis.com/css2? family = Montserrat: wght @ 300 & display = swap');@import url ('https://fonts.googleapis.com/css2? family = Work + Sans: wght @ 200 & display = swap');
*{ padding: 0; margin: 0; box-sizing: border-box; transition: 0.5s all}
*{list-style-type: none;}

body {font-family: 'Work Sans', sans-serif; background-color: #edd7c0;}
header {background-color: #cccccc;background-color: #ddc089; 
        background-image: url("https://wallpaperaccess.com/full/187207.jpg"); 
        background-size: 100%; font-family:'Open Sans Condensed', sans-serif; 
        padding: 4rem; text-align: center }

img {margin: 20px; padding: 0px; border: 5px solid rgba(119, 101, 82, 0.5); width:170px;height:170px;
    border-radius: 120%; line-height: 10px; box-shadow: 0px 1px 14px 3px rgba(41,27,6,0.30);}

/* Menu */
nav{background-color: #776552; padding: 1rem; margin: 0; text-align: center; flex-wrap: wrap}
nav ul li {display: inline-block;}
nav ul li:hover {background-color:#262626; color: white}
nav ul li a {color:#ffffff; text-decoration: none; padding: 15px;}
a {font-size: 20px;}
li {line-height: 45px; padding 90px}
.navegacion {padding: 5px}
.link-activo {background: #262626; padding: 15px; margin: auto}

h2 {font-size: 30px; color: #776552; margin-bottom: 0.5rem; letter-spacing: 2.5px; font-family:'Work Sans', sans-serif; 
    text-shadow: 4 4 4 4 #000000}
h3 {padding: 5px;  background-color: #bfa488; color: white; text-align: center}
h4 {font-size:1.5rem; padding: 4rem; line-height: 30px; color: #454545; margin:10px 40px;}
.h1{color: #776552} 
.comu1 {color: #776552}
.me1 {color: #776552}
.tecno1 {color: #776552}
.tipo1 {color: #776552}
.morfo1 {color: #776552}
.dg1 {color: #776552}
.h2{color: #776552} 
.comu2 {color: #776552}
.me2 {color: #776552}
.tecno2 {color: #776552}
.tipo2 {color: #776552}
.dg2 {color: #776552}
.teoria {color: #776552}
.morfo2 {color: #776552}
.dgpc {color: #776552}
.tpd {color: #776552}
.dec {color: #776552}
.htt {color: #776552; font-size: 15px}
i {color: #ff8617;}
.datos {font-size: 20px}
.fa-check {color: #003900}
.cursar {color: #776552}


article p {font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 1rem; margin-bottom: 1rem; color: #776552}
p {padding:5px; color:#ffffff; display: inline-block; line-height: 50px; text-align: center}
section, article {background:#edd7c0; padding: 0.5rem; font-family:'Work Sans', sans-serif}

.inicio {display: flex; justify-content: space-between;}
.columna-1 {width: 33%; margin-top: none; padding: 30px; background-color: #e5cab1}
.columna-2 {width: 33%; margin-top: none; padding: 30px; background-color: #e5cab1}
.columna-3 {width: 33%; margin-top: none; padding: 30px; background-color: #e5cab1}
.docentes{line-height: 30px; margin-top: none; width: 40%; padding: 30px; background-color: #e5d5b1}

aside{display: inline-block; padding: 25px}


footer{ padding: 1rem; background: #262626; font-weight: 300}
footer p {font-size: 0.8rem; text-align:center; font-family: 'Montserrat', sans-serif; font-weight: 300;}
.pie{line-height: 18px; color: white}


@media screen and (max-width:70rem) {
    
    header {padding: 2rem; text-align: center; background-size: auto}
    a {font-size: 15px}
    .link-activo {padding:  18px}
    .inicio {display: flex; justify-content: space-between;}
    .columna-1 {width: 90%; font-size: 15px; padding: 1px}
    .columna-2 {width: 90%; font-size: 15px; padding: 1px}
    .columna-3 {width: 90%; font-size: 15px; padding: 1px}
    .docentes {width: 90%; font-size: 15px; padding: 1px}
    .h1 {font-size: 11px} 
    .comu1 {font-size: 11px}
    .me1 {font-size: 11px}
    .tecno1 {font-size: 11px}
    .tipo1 {font-size: 11px}
    .morfo1 {font-size: 11px}
    .dg1 {font-size: 11px}
    .h2 {font-size: 11px}
    .comu2 {font-size: 11px}
    .me2 {font-size: 11px}
    .tecno2 {font-size: 11px}
    .tipo2 {font-size: 11px}
    .dg2 {font-size: 11px}
    .teoria {font-size: 11px}
    .morfo2 {font-size: 11px}
    .dgpc {font-size: 11px}
    .tpd {font-size: 11px}
    .dec {font-size: 11px}
    .htt {font-size: 11px}
    p {font-size: 5px; line-height: 18px}
    h2 { font-size: 20px}
    
    
}