.header{
    padding: 40px 0;
    background-color: $color-white;

    &-logo{
        display: block;
        max-width: 240px;

        img{
            width: 100%;
        }
    }


    &-right{
        float: right;
        min-width: 300px;

        .whats{
            display: flex;
            align-items: center;
            font-weight: 700;
            color: $color-primary;
            padding-left: 30px;
            background: url("../img/whats.png") left center no-repeat;
            min-height: 22px;
        }

        .contact{
            margin-top: 10px;

            li{
                display: flex;
                padding: 5px 0;
                align-items: center;;

                p{
                    width: 50%;
                }

                a{
                    color: $color-secundary;
                    font-size: $base-line;
                    font-weight: 700;

                    &:hover{
                        color: $color-thrid;
                    }

                    small{
                        font-size: $base-font;
                    }
                }
            }
        }
    }
}