*{margin:0;padding:0;}

body{background:#9383bf; font-family: sans-serif;font-size:12px;}

.contenedor{max-width:960px;margin:0 auto 0 auto;}

img{width: 100%;}

.responsivemonitor{width:960px;}
.responsivetablet{width:768px;}
.responsivecelular{width:320px;}

a{text-decoration:none;color: #fdf9f9;padding:20px;font-size: 1rem;}

nav{max-width:960px;height:50px;margin-top:20px;}

nav ul{list-style-type:none;}

nav ul li{ display:inline;}

ul li{color:#3f0076;font-size:0.75rem;}

.propuesta{background:#9383bf;}

main{background:#b1a5d1;}

.medio{min-height:480px;}

section ul li{margin-left:11px;}

.perfil{width: 40%;max-height: 450px;position: relative;float: left;padding-top:20px;padding-left:20px;}

.epigrafe{color: #1b0076;font-size:0.8rem;}

.materias{position: relative;float: right;width:50%;padding-top:20px;}

.titulo{color: #1b0076;font-weight: bold;font-size: 1rem;}

.subtitulos{color:#3f0076; font-weight: bold;margin-top:18px;margin-bottom:7px;font-size: 1rem;}

footer{color:#3f0076;font-size:0.7rem;text-align:center;padding-top:12px;float:none}


/*RESPONSIVE 800PX*/

@media screen and (max-width:800px ) {
    
footer{padding:12px;}
    
}

/* RESPONSIVE 480PX */

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

a {font-size:0.8rem;}

.titulo{font-size: 0.95rem;}

.subtitulos{font-size: 0.85rem;}

ul li{font-size:0.7rem;}

.epigrafe{font-size:0.8rem;}
    
}

/* RESPONSIVE 320PX */

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

nav{margin-right: 13px;margin-left:3%;margin-right: 3%;}   
    
a {font-size:0.8rem;float:left;padding:5px;}

.epigrafe{font-size:0.6rem;}
    
.medio{height: 750px;}
    
.perfil{width: 80%;padding:auto;}
    
.materias{width:80%;padding:auto;}
    
    
}