*{font-family: 'Open+Sans', sans-serif;
margin: 0;
box-sizing: border-box
}

html{background-color: black}

body{background-color: #f4f4f4;
background-size: cover;
width: 420px;
height: 780px;
margin: auto;}


/*Header*/

header{height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #4e3748;
    opacity: 0.9;}


.menu{width: 30px; height: 25px;
margin-right: .5em}

.lupa{width: 140px; height: 24px;}

.campana{width: 20px; height: 25px;
margin-right: .6em}

.flecha{width: 10px; height:5px;
margin-left: -.6em; margin-bottom: .1em}

.primero{margin-left: .7em;
display: flex;
flex-direction: row;
align-items: baseline;}

.primero a {
    color: white;
    font-size: 2.3em;
}

footer{
    color: white;
    height: 55px;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
    background-color: #4e3748;
    opacity: 0.9;
    font-size: .5em;
    position: retalive;
    margin-top: 19.5%;
    padding: 1em;
    text-align: center;
    
}

.conocenos{
    text-align: center;
    margin-top: 15%;
}

.conocenos p{
   color:#36c1b6;
}

.segundo{
    color: white;
    display: flex;
 flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-right: .7em;}

p {color: #ffffff;
font-weight: 400;
margin-right: .4em}

p span{color: #d1a384;
font-weight: 100;}

/*Fin header*/

/*Main*/

main{max-width: 425px;
margin: auto;
margin-top: 1.5em;}

h3{color: #39d0c4;
font-weight:300;
max-width: 80%;
margin: auto;    
text-align: center;
border-bottom: .05em solid;
padding-bottom: 4%;}


h1 span {font-weight: bold}



ul{display: flex;
flex-direction: column;
align-content: center;
list-style: none;
text-align: center;
padding: 0;}



li{
    background-color: #bca8ba;
    margin: auto;
    margin-top: 2.8em;
    padding: 1em;
    width: 200px;
    box-shadow: 7px 7px 14px 0px rgba(50, 50, 50, 0.59);
}

a{
    font-weight: bold;
    color: #41ad9d;
    text-decoration: none;
    font-size: 1.3em;
}


li:hover{background-color: #39d0c4;}

a:hover {color: white;}