body {
    font-family: 'Exo 2', sans-serif;
}

.fs-60 {
    font-size: 3.75rem!important;
}

.fs-50 {
    font-size: 3.125rem!important;
}

.fs-40 {
    font-size: 2.5rem!important;
}

.fs-20 {
    font-size: 1.5rem!important;
}

.fs-16 {
    font-size: 1rem!important;
}

.text-black {
    color: #000!important;
}

.text-green {
    color: #72bf44!important;
}

.text-gray {
    color: #bfbfbf!important;
}

.font-weight-thin {
    font-weight: 100!important;
}

.font-weight-extra-bold {
    font-weight: 800!important;
}

.font-weight-black {
    font-weight: 900!important;
}

.bg-none {
    background-color: inherit!important;
}

.bg-green {
    background: url(../images/bg_green.jpg) #72bf44!important;
}

.bg-gray {
    background: url(../images/bg_gray.jpg)!important;
    background-size: cover!important;
}

.border-gray {
    border-color: #bfbfbf!important;
}

.fa-twitter {
    background-color: #00b4ff;
}

.fa-facebook-f {
    background-color: #3a589b;
}

.btn.focus,
.btn:focus,
.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: none!important;
}

.btn-outline-white {
    color: #fff!important;
    border-color: #fff;
    background-color: transparent!important;
    background-image: none!important;
}

.btn-outline-white:active,
.btn-outline-white:hover {
    color: #72bf44!important;
    border-color: #72bf44!important;
    background-color: #fff!important;
}

.btn:active,
.btn:hover {
    color: #72bf44!important;
    border-color: #72bf44!important;
    background-color: #fff!important;
}

header .header-content {
    position: absolute;
    top: 0;
}

header .container {
    z-index: 10;
}

.form-contact {
    padding: 15px;

    position: relative;
    z-index: 2;

    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.31);
       -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.31);
            box-shadow: 0 3px 5px 0 rgba(0,0,0,.31);
    text-shadow: none;
}

.form-contact h3 {
    margin-bottom: 10px;

    float: left;

    line-height: 1.4;
}

.form-contact .form-group,
.form-contact .custom-control {
    margin-bottom: 8px;
}

.form-contact .form-group .input-group {
    font-size: 1rem;
    font-weight: 300;

    color: #000;
    border: none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.21);
       -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.21);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.21);;
}

.form-contact .form-group .input-group .form-control,
.form-contact .form-group .input-group input.form-control::-webkit-input-placeholder {
    font-size: 1rem;
    font-weight: 300;

    color: #000;
    border: none;
}

.form-contact .form-group .input-group .form-control:focus {
    box-shadow: none;
}

.form-contact .form-group .input-group-append {
    background-color: #fff;
}

.form-contact .form-group .input-group-append i {
    color: #a3a3a3;
}

.form-contact .custom-checkbox .custom-control-label {
    font-size: .75rem;
}

.form-contact .custom-checkbox .custom-control-label::before {
    border-radius: 0;
    background-color: #fff;
}

.form-contact .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #72bf44;
}

ul[role='alert'] {
    margin-bottom: 0;
}

.form-contact .btn-lg {
    font-size: 1rem;

    background-color: #1a2029;
}

.slide-text h2 {
    font-size: 4.125rem;
}

.slide-text p {
    font-size: 1.25rem;
    font-weight: 400;
}

.slide-text .btn-secondary {
    font-size: 1rem;

    background-color: #72bf44;
}

.first-section h3 {
    font-size: 2.375rem;
    font-weight: 700;
}

.first-section p {
    font-size: 1.25rem;
    font-weight: 400;
}

.first-section i {
    font-size: 4rem;
    line-height: 0;
}

.second-section .box-element .col-3 h2 {
    font-size: 5rem;
}

.second-section .box-element .col-9 p,
.fourth-section .box-row .box-element .col-12 p {
    font-size: 1.125rem;
}

.third-section .box-row .box-element p,
.fifth-section .box-row .box-element p {
    font-size: 1.375rem;
}

.third-section .box-row i {
    font-size: 2rem;

    color: #000;
}

footer .fab {
    font-size: .75rem;
}

@media (max-width: 575.98px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    html {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .card-img-top {
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 1199.98px) {
    header .header-content {
        position: relative;

        background-color: #999;
    }
}