body{
    background-color:white;
    text-align:center;
    padding:30px;
    height:100%;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
}

a{color:#16819a;text-decoration:none}
a:hover{text-decoration:underline}

.social{margin:40px auto;}

.social i{font-size:40px;color:#D7DE3B;margin:0 20px;}

.social i:hover{opacity:0.5}

p{color:black;font-size:18px;line-height:1;margin:0 0 10px 0}

button.menu{
    border:solid 2px #16819a;
    padding:15px 20px;
    background-color:transparent;
    color:#16819a;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    letter-spacing:1px;
    vertical-align: middle;
    cursor:pointer;
    margin-bottom:30px
}
button.menu:hover{
    border:solid 2px #16819a;
    padding:15px 20px;
    background-color:#16819a;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    letter-spacing:1px;
    vertical-align: middle;
}


.menu i{color:#D7DE3B;font-size:15px;margin-left:10px}
button.menu:hover i{

    color:#414042;

}
#contacto a{font-size:18px;font-weight:400;letter-spacing: 1px}
#contacto .fa,#contacto .fas{color:#16819a;margin-right:10px}
#carta img{width:100%;max-width:800px}


@media only screen and (max-width: 600px) {
    img.logo{width:50%}
 body{

        padding:0px;margin:10px 0 20px 0}
}