*{margin:0;padding:0;font-family:Helvetica, sans-serif;background:#fefcfd;}

@media(min-width:900px){
header{width:100%;max-width:1525px;min-width:640px;
display:flex;justify-content:center;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{float:left;width:50%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin-top:15px;float:left; padding-top:75px;}
#titulo{display:inline-block;float:left;width:79%;text-align:center;
margin-top:15px;padding-top:75px;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:40px;}
#titulo h2{font-family:"Vogue";}

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:50px 0;
padding:0;display:flex;justify-content:center;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:5px;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Body*/
#principal{width:100%;float:left; 
font-size:18px; line-height:170%; }
#foto{display:inline-block; float:left; width:35%; margin:20px 15px;}
#foto img{width:100%;height:100%;}
#CV{display:inline-block; float:left; width:45%; margin:50px; }
#CV h3{text-align:center; font-size:28px;}
#CV li{list-style:square inline;margin:20px 20px 20px 30px;}


/*"Pie"*/
#botones{display:inline-block;float:left;width:100%;margin:0 50px;}
#botones a{display:inline-block;float:left;}
#botones a:first-child{margin-top:30px;}
#boton {display:inline-block;float:right;}
#boton a:hover{background-color:#FFF;color:rgb(253,2,73);}
}

/*Para móviles*/
@media screen and (max-width:480px){

body{max-width:100%; font-size:60%;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{width:100%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin:1% 0 1% 1%;float:left; padding-top:6%;}
img{max-width:100%;}
#titulo{display:inline-block;float:left;width:75%;text-align:center;
margin-top:15px;padding-top:6%;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:2em;}
#titulo h2{font-family:"Vogue";font-size:1.4em;}

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:5% 0;
padding:0; }
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:2%;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Body*/
#principal{width:100%;font-size:1em; line-height:170%;}
#CV{display:block; margin:5%;}
#CV h3{text-align:center; font-size:1.5em;}
#CV li{list-style:square inline;margin:2% 2% 2% 3%;}
#foto{display:block; max-width:100%; margin:2% 1.5%;}
#foto img{width:100%;height:100%;}
#boton {display:inline-block;float:right;}
}

/*IPAD*/
@media screen and (min-width:480px) and (max-width:899px){

body{max-width:100%; font-size:80%;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{width:100%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin:1% 0 1% 1%;float:left; padding-top:6%;}
img{max-width:100%;}
#titulo{display:inline-block;float:left;width:75%;text-align:center;
margin-top:15px;padding-top:6%;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:2.4em;}
#titulo h2{font-family:"Vogue";font-size:1.7em;}	

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:5% 0;
padding:0;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:2%;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Body*/
#principal{width:100%;font-size:1.2em; line-height:170%;}
#CV{display:block; margin:5%;}
#CV h3{text-align:center; font-size:1.7em;}
#CV li{list-style:square inline;margin:2% 2% 2% 3%;}
#foto{display:block; max-width:100%; margin:2% 1.5%;}
#foto img{width:100%;height:100%;}
#boton {display:inline-block;float:right;}
}