/* selector {propiedad: valor;}     ESTO ES UN COMENTARIO   */
/* ---------------------------------------------------------*/

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

@import url('https://fonts.googleapis.com/css?family=Sansita:400,700,900&display=swap');

body {font-weight: normal; font-family: 'Sansita', sans-serif; background: #bdf8bd; max-width: 100%;}

.contenedorgral { max-width: 132rem; margin: auto; }

header {background-image: url(../img/fadu01.png); background-size: cover; text-align: center; padding: 30rem 0 0 0; background-repeat: no-repeat; }

h1 {font-size: 1.5rem; font-weight: 700; color: blue;}
h2 {font-size: 2rem; color: green; text-align: center; margin: 6rem 3rem 4rem 3rem; letter-spacing: 1rem; font-weight: 900;}
h4 {text-align:left; font-weight: 400;}


.mifoto {height: 15rem; width: 15rem;  border-radius: 8rem; }

/* -------menu principal desaparece viñeta ---------  */
nav ul li {list-style: none;}
/* ----------menu fijo ----------------------  */
.botones {font-size: 1.5rem; display: flex; justify-content: center; margin: 5rem 0 3rem 0; align-items: flex-start; align-content: space-around; }
a {margin: 2rem 2rem 4rem 2rem; color: blue; letter-spacing: 0.1rem;}
a:hover { background: rgba(0,0,0,0); color: green; box-shadow: inset 0 1rem #22e522; }



.contenedormaterias { max-width: 1040px; width: 100%; margin: auto;  }
.circulitos { flex-direction: row; display: flex; justify-content: center; flex-wrap: wrap; }
.materias {list-style: none; margin: 2rem 4rem 7rem 0rem; font-size: 0.9rem; line-height: 1rem;}

footer { background-color: black; color: #22e522; font-size: 0.8rem; text-align: center; padding: 1rem; width: auto; }
.pie{margin: 0rem 0rem 3rem 0rem }
.titulopie{color: green; font-weight: 300; margin: 0 0 0 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; text-align: center;}



/* responsive celular */
@media all and (max-width: 67.5rem)
{
body{background-color: #fdf6f6;}
header {background-size: contain; text-align: center; padding: 8rem 0 0 0; background-repeat: no-repeat; }
.mifoto {height: 9rem; width: 9rem;  border-radius: 4rem; }
a {background: -webkit-linear-gradient(top, #7ac440 0%, blue 100%); padding: 0.5rem 0.8rem 0.3rem 0.8rem; color: white}
.botones {font-size: 0.8rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 0 2rem 0; line-height: 3rem;}	
h1 {font-size: 1rem; font-weight: 400; color: blue;}
h2 {font-size: 1.5rem; letter-spacing: 0rem; font-weight: 700; color: #095706}
.circulitos { display: flex; flex-direction: row; flex-wrap: wrap;
	justify-content: space-between; align-items: stretch; align-content: flex-start; }
	
}