@font-face {
    font-family: 'Stencil'; /* Define the font-family name once */
    src: url("../fonts/Stencil.ttf");
}

*{
    font-family: 'Stencil', sans-serif;
}

.fa-whatsapp{
    color: #175296;
    font-size: 26px;
    margin-left: 15px;
}

a:hover,
a:hover i{
    color: #1d1d1b;
}


#whatsapp{
    padding: 10px 20px;
    border: 2px solid #175296;
    color: #175296;
    text-decoration: none;
    font-size: 24px;
}


#whatsapp:hover{
    background-color: #175296;
    color: #fff;
}
#whatsapp:hover .fa-whatsapp{
    color: #fff;
}

.row{
    width: 100%;
}

#logo{
    width: 75%;
}

.link-icon{
    width: auto;
}

@media screen and (max-width: 768px){
    #logo{
        width: 100%;
    }

    #whatsapp{
        font-size: 14px;
    }

    .fa-whatsapp{
        font-size: 18px;
        margin-left: 8px;
    }
}