@charset "utf-8";
/*
** GENERAL RULES *************************
*/
* {
    box-sizing: border-box;
}
html {
    height: 100%;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
}
body {
    position: relative;
    min-height: 100%;
    padding: 5em 2em 15em;
    margin: 0;
    font-family: sans-serif;
    line-height: 1.8;
    overflow: hidden;
}
a{
    text-decoration: none;
    color: #003399;
}
.img{
    max-width: 100%;
    margin:auto;
    display: block;
}
.contato{
    padding: 1em 1em 0;
    text-align:center;
    font-size: 1.1em;
}
.whatsapp,
.email{
    position:relative;
    display: inline-block;
    padding-left: 1.5em;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.2em;
    line-height:2.5em;
    line-height:1.5em;
    overflow: hidden;
}
.whatsapp:before,
.email:before{
    content:"";
    display: block;
    position:absolute;
    bottom: 0em;
    left:0;
    right:0;
    height: 2px;
    background-color: #003399;
    transition: .3s;
    transform: translateX(105%);
}
.whatsapp:hover:before,
.email:hover:before{
    transform: translateX(0%);
}

.whatsapp{}
.email{}

@media (min-width: 600px){
    .contato{
        font-size: 1.2em;
    }
    .whatsapp,
    .email{
        margin:0 .5em
    }
}