h1,h2,h3,.h1,.h2,.h3{
    font-family:"Poppins"
}

h1.alternate {
    background: linear-gradient(99.95deg, #491B82 4.07%, #3F88CC 95.24%);
    font-size: 50px;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a {
    font-weight: bold;
    color: #A7D52D;
    text-decoration: none;
}

.btn-primary, .nav-link {
    background: #A7D52D;
    border: 1px solid #A7D52D;
    border-radius: 24px;
    padding-left: 16px;
    padding-right: 16px;
}

.col-links {
    text-align: right;
}

.contact h1 {
    background: linear-gradient(99.95deg, #491B82 4.07%, #3F88CC 95.24%);
    font-size: 60px;
    font-weight: 600;
    padding: 40px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.container {
    padding-left: 0;
    padding-right: 0;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

.footer {
    background: #201341;
    padding: 20px;
}

.footer .img-link {
    height: 35px;
    width: 35px;
}

.form-control {
    border-radius: 24px;
    border: 1px solid #001161;
    background: rgba(29, 29, 29, 0);
    backdrop-filter: blur(37.5px)
}

.header {
    background-image: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 720px
}

.header .block {
    margin-left: 150px;
    margin-top: 150px;
}

.header h1 {
    background: linear-gradient(99.95deg, #491B82 4.07%, #3F88CC 95.24%);
    font-size: 75px;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header h2 {
    color: #596370;
    font-size: 26px;
    font-weight: 500;
}

.navbar-blue {
    background: #201341;
    padding: 20px;
}

.navbar-brand {
    padding: 20px;
}

.text-right {
    text-align: right;
}

.values {
    background-image: url(../img/values.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 838px;
    padding: 20px;
}

.values h1 {
    background: linear-gradient(99.95deg, #491B82 4.07%, #3F88CC 95.24%);
    font-size: 60px;
    font-weight: 600;
    padding: 40px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.values h3 {
    color: #A7D52D;
    font-size: 22px;
    font-weight: 700;
}

.values p {
    font-size: 18px;
}

.values .block {
    background: linear-gradient(180deg, #5B22A4 0%, #382074 100%);
    box-shadow: 2px 4px 15px 0px #00000040;
    border-radius: 16px;
    color: #D0D0D0;
    padding: 30px;
    height: 270px;
    margin: 20px;
}

.visitors {
    background-color: #201341;
    padding: 20px;
}

.visitors h1 {
    color: #A7D52D;
    font-size: 83px;
    font-weight: 900;
}

.visitors span {
    color: #c6c6c6;
    font-size: 16px;
}

.what h1 {
    background: linear-gradient(99.95deg, #491B82 4.07%, #3F88CC 95.24%);
    font-size: 60px;
    font-weight: 600;
    padding: 40px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.what .block {
    background: linear-gradient(180deg, #EEEFF1 0%, #E6EDFB 100%);
    box-shadow: 2px 4px 15px 0px #00000040;
    border-radius: 16px;
    padding: 10px;
    margin: 20px;
    margin-left: 60px;
    margin-right: 60px;
}

.what img {
    height: 50px;
    width: 50px;
}

@media only screen and (max-width:1024px) {
    h1.alternate {
        font-size: 30px;
        text-align: center;
    }

    a.linked-in img {
        margin-top: 10px;
    }

    .container {
        min-width: 100% !important;
        margin: 0 !important;
    }

    .contact,
    .privacy,
    .terms {
        padding: 20px
    }

    .contact h1, .values h1, .what h1 {
        font-size: 40px;
        padding: 10px;
    }

    .col-center {
        text-align: center;
    }

    .col-links {
        text-align: center;
    }

    .col-ignore {
        width: 0%
    }

    .col-none {
        display: none;
    }

    .col-footer {
        text-align: center !important;
    }

    .col-full {
        width: 100%
    }

    .header {
        height: auto;
    }

    .header .block {
        margin-left: 10px;
        margin-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .header .block h1 {
        font-size: 35px;
    }

    .navbar-right {
        margin: 0 auto;
    }


    .terms p,
    .terms span {
        font-size: 8pt !important;
    }

    .values {
        height: auto;
    }

    .values .block {
        height: auto;
    }

    .container {
        border-left: none;
        border-right: none;
        min-width: 100% !important;
        width: 100% !important;
    }

}