:root {
    --primary-color: #064CA1;
    /*--primary-font: 'Poppins', sans-serif;*/
    --primary-font: 'Barlow Condensed', sans-serif;
    --bg-gray-strong: #F3F3F3;
    --bg-gray-ligth: #F8F8F8;
}

body {
    background: var(--bg-gray-strong);
    font-family: var(--primary-font);
    font-size: 200%;
}

.content {
    background: var(--bg-gray-strong);
}

header {
    background: var(--primary-color);
}

.help {

}

.btn-login {
    background-repeat: no-repeat;
    background-position: 0.2em center;
    background-size: auto 80%;
}

.btn-fb {
    background-image: url("../imgs/facebook.png");
    background-color: #5A7fc7;
}

.btn-fb:hover {
    background-color: #3C5CA7;
}

.btn-go {
    background-image: url("../imgs/google.png");
}

.shape {
    width: 0;
    height: 0;
    border-top: 130px solid white;
    border-left: 90px solid transparent;
}

.giant {
    font-size: 200%;
}

.plus {
    font-size: 90%;
}

.big {
    font-size: 120%;
}

.straight {
    letter-spacing: -1px;
}

.degust h3 {
    /*font-size: 360%;*/
}

.login input {
    font-size: 100%;
}

.options {
    background: white;

}

.options h2 {
    color: var(--primary-color);
    letter-spacing: -1px;
}

.options img {
    width: 42px;
}



@media(max-width: 575px) {

    .giant {
        font-size: 180%;
    }

    .big {
        font-size: 120%;
    }

    .h1 {
        font-size: 100%;
    }

    .logo img {
        width: 60%;
        margin: 0 auto;
    }

    header {

    }

}

@media(min-width: 576px) {
    .logo, .logo img {
        width: 50%;
    }
    .reader {
        width: 50%;
    }
}

@media(min-width: 768px) {
    .logo, .logo img {
        width: 55%;
    }

}