/*---HEADER---*/
header{
    width: 100vw;
    background-color: #000080;
    height: 10vh;
    margin:0;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
    align-content: stretch;
}
header h1{
    display: inline-block;
}

a{color: inherit; }

.logo{
    font-size: 7vh;
    font-family: 'DM Serif text', serif;
    font-weight:700;
    color: #ffffff;
}
.menu li{
    display: inline-block;
    padding: 0.5rem;
    position: relative;
    border-radius: 0.2rem;
}
.menu li a{
    text-decoration: none;
    font-size: 3vh;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    padding: 0.5rem;
    display: block;
}
.menu li:hover{
    text-decoration: underline;
    font-weight: 600;
    background-color: ##789ECD;
}
.submenu{
    display: none;
    position: absolute;
    background: #6e6e6e;
    box-shadow: 0 5px 10px 0px rgb(146, 146, 146);
}
.submenu li{
    display: inline-block;
}
.submenu li a{
    text-decoration: none;
    display: block;
    font-weight: 400;
}
.submenu li a:hover{
    text-decoration: underline;
    font-weight: 600;
}
.menu li:hover .submenu{
    display: block;
}
header hr{width: 80%; margin-left: auto; margin-right: auto;}
/*---FIN HEADER---*/
body{margin:0;
background-color:#e5d5bc;font-family: Arial;}
header h2{color: white}
h1{color: white; }
footer p{color: #939292; font-size: 0.7rem; }
footer a{color: #000080; font-size: 0.9rem; }
/*---FOOTER---*/
footer{
    background: #789ecd;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    box-shadow: 0 0 4px 0 #ab987b;
    position: fixed;
    bottom: 0;
    height: 13%;
}
footer p{
    color: #f7f7f7;
    font-size: 1.5vh;
    line-height: 1.1rem;
    max-width: 60%;
    margin: 1rem auto;
}
footer a{
    text-decoration: none;
    color: ##000080;
    font-weight: 500;
}
footer a:hover{
    font-weight: 600;
}


/*---FIN FOOTER---*/
.flexrow{
  margin-top:5vH;
  width:100vw;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.box1{
  text-align:left;
  display:flex;
  width:40vw;
  background-color:#f9f4eb;
  border-radius: 0.5vw;
  padding:2vw;
  height:40vh;
  box-shadow: 0px 0px 4px #ab987b;
}
.box2{
  text-align:left;
  display:flex;
  flex-direction:column;
  width:40vw;
  padding:2vw;
  background-color:#f9f4eb;
  border-radius: 0.5vw;box-shadow: 0px 0px 4px #ab987b;
}

.box3{
  margin-left:3vw;
  display:flex;
  flex-direction:column;
  justify-content:center
  ;

}

.nombre {
  font-family:sans-serif;
  font-size: 4vw;
  color:#000080;
}

.dg{
  font-family:sans-serif;
  font-size:2.5vw;
  color:#789ecd;
  font-weight:300;
}

h2{
  margin:2vh 0 0 0;
  padding:0;
}

h3{margin:0;padding:0;}

p{
  margin:0;
  padding:0;
}

.avatar{
  background: url('../avatar.jpg') center center no-repeat;
  background-size:cover;
  width:25vw;border-radius:0.5vw;
}

.textou{
  color:#789ecd;
  margin-top:2vh;
  font-size:1.5vw;
  line-height:2;
}