body {background: url("http://www.catedraocampo.com.ar/vn17/1/img/fondo.jpg");
background-size: contain;
background-position: center top;
background-attachment:scroll;
background-repeat:no-repeat;}
	

H1  {color:#f8f8f8; font-size:50px;margin:3rem}


.materias  

{ display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items: flex-start;
align-content:stretch;
}

H2 {color:#00fff5 ; font-size: 1.5rem;}
H4 {font-family: sans-serif; font-size: 1rem;color: #00fff5; text-align: left;font-weight: normal;}

ul li {list-style-type: none; display: inline-grid; margin-top: 0.5rem;}
ul li a{text-decoration: none; font-family: sans-serif; background: #00fff5; color: #ffffff; padding: 1.5rem 2rem 0.5rem 2rem;
    margin: 0.5rem; 
    border: 0.1rem solid#00fff5;
    border-radius: 0.5rem; border: 0.5rem;}

footer{background:#00fff5;text-align:center; font-family: sans-serif;padding:1.5rem 2rem 0.5rem 2rem; }

p {font-family: serif; color:#5a5555; text-align: center;}

H5 {color: #ffffff;text-align: center;}

img {margin-right: 50px;
    width: 250px;
    height: 250px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;}

@media (max-width:768px) { body { background:rgb(5, 144, 195);} ul li { display:inline-grid; margin-top: 1rem; margin-left: 1rem; margin-right: 2rem;} footer {display: none} .materias {flex-direction:column ; margin: 7rem} H1 { margin: 5rem;}