@import url('fonts.css');
@import url('header.css');

/* BASE
------------------------------------- */
html,
body {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #313a3c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald';
    font-style: normal;
    text-transform: uppercase;
    color: #161a1b;
    letter-spacing: 2px;
}

h1 {
    font-weight: 400;
    font-size: 55px;
    line-height: 120%;
    color: #2c2c2c;
}

h2 {
    font-weight: 400;
    font-size: 55px;
    line-height: 124%;
}

h3 {
    font-weight: 300;
    font-size: 40px;
    line-height: 130%;
}

h4 {
    font-weight: 300;
    font-size: 34px;
    line-height: 138%;
}

a[class*='main-btn'],
a[class*='btn'],
button[class*='btn'],
.modal .main-btn {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 160%;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 37px 10px;
    border-radius: 0;
    background: transparent;
    border: 2px solid transparent;
    margin: 0;
}

.data-modal a,
.main-btn,
a.main-btn,
.bp-forms-btn,
a.bp-forms-btn,
.modal .send_button {
    background: transparent;
    color: #2c2c2c;
    border-color: #2c2c2c;
}

.data-modal a:hover,
.main-btn:hover,
a.main-btn:hover,
.bp-forms-btn:hover,
a.bp-forms-btn:hover,
.modal .send_button:hover {
    color: #fff;
    background: #2c2c2c;
    border-color: #2c2c2c;
}

.main-btn:visited,
.modal .send_button {
    color: #2c2c2c;
}

.main-btn2,
a.main-btn2,
button.main-btn2,
#questions-section form .main-btn {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.main-btn2:hover,
a.main-btn2:hover,
button.main-btn2:hover,
#questions-section form .main-btn:hover {
    background: #fff;
    color: #2c2c2c;
    border-color: #fff;
}

.main-btn2:visited,
button.main-btn2:visited,
#questions-section form .main-btn:visited {
    color: #fff;
}

.main-btn3,
a.main-btn3,
button.main-btn3 {
    background: #0056b4;
    color: #fff;
    border-color: #0056b4;
}

.main-btn3:hover,
a.main-btn3:hover,
button.main-btn3:hover {
    background: transparent;
    color: #0056b4;
    border-color: #0056b4;
}

.main-btn3:visited,
button.main-btn3:visited {
    color: #fff;
}

.modal .send_button {
    justify-content: center;
}

.secondary-link {
    color: #768286;
    font-weight: 600;
}

article a,
a:visited {
    color: #b89d68;
}

@media (max-width: 767px) {
    html,
    body {
        font-size: 18px;
        line-height: 160%;
    }

    h1 {
        font-size: 52px;
        line-height: 120%;
    }
    h2 {
        font-size: 48px;
        line-height: 130%;
    }

    h3 {
        font-size: 34px;
        line-height: 140%;
    }

    h4 {
        font-size: 26px;
        line-height: 140%;
    }

    a[class*='main-btn'],
    a[class*='btn'],
    button[class*='btn'],
    .modal .main-btn {
        font-size: 16px;
        line-height: 1.7;
        padding: 8px 20px;
    }
}