:root
{
    --main-color: #3BA123;
    --main-color-rgb: 59,161,35;
    --secondary-color: #3c872d;
    --secondary-color-rgb: 60,135,45;
}

*
{
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

html
{

}

body
{
    margin: 0;
    min-height: 100vh;
    padding: 0;
}

button
{
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1em;
    outline: none;
}

button:hover
{
    outline: none;
}

button:focus
{
    outline: none;
}

button:active
{
    outline: none;
}

input
{
    border: none;
    font-size: 1em;
    outline: none;
}

textarea
{
    border: none;
    font-size: 1em;
    outline: none;
}

a
{
    color: var(--main-color);
}

h1
{
    color: var(--main-color);
    font-weight: 200;
    letter-spacing: -0.05em;
    line-height: 100%;
    margin-bottom: 0.25em;
}

h2
{
    line-height: 120%;
}

h3
{
    line-height: 120%;
}

form .line-input
{
    margin-bottom: 1em;
}

form .line-buttons
{

}

form .line-buttons button
{
    background-color: var(--main-color);
    border-radius: 3px;
    color: #fff;
    padding: 0.5em 1em;
}

form .line-input label
{
    color: var(--main-color);
    display: block;
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 0.75em;
    text-transform: uppercase;
}

form .line-input input
{
    border: 1px solid rgba(28, 95, 191, 0.25);
    border-radius: 3px;
    display: block;
    padding: 0.5em;
    width: 100%;
}

form .line-input textarea
{
    border: 1px solid rgba(28, 95, 191, 0.25);
    border-radius: 3px;
    display: block;
    padding: 0.5em;
    width: 100%;
}

form .required-mark::before
{
    color: #d00;
    content: '*';
    margin-left: 0.25em;
    position: relative;
    top: -0.15em;
}

.grecaptcha-badge
{
    visibility: hidden;
}

@media (max-width: 1199px) {

    h1
    {
        font-size: 3em;
    }

}
@media (min-width: 1200px) {

    h1
    {
        font-size: 4em;
    }

}