@charset "UTF-8";

body {
    font-family: 'Rubik', sans-serif;
    text-align: center;
    color: #FFF;
}

body.support {
    font-family: 'Rubik', sans-serif;
    text-align: left !important;
    color: #fff;
}

.section {
    padding: 50px 0px 300px 0;
}

.bg-gradient {
    background-image: -moz-linear-gradient( 45deg, rgba(16, 90, 163, 1), rgba(129, 200, 255, 1));
    background-image: -webkit-linear-gradient( 445deg, rgba(16, 90, 163, 1), rgba(129, 200, 255, 1));
    background-image: -ms-linear-gradient( 45deg, rgba(16, 90, 163, 1), rgba(129, 200, 255, 1));
    background-image: linear-gradient( 45deg, rgba(16, 90, 163, 1), rgba(129, 200, 255, 1));
}

h1 {
    font-size: 65px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
}

p.index {
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    max-width: 800px;
    margin: 0 auto;
}

p.support {
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    margin: 0 auto;
}

.btn {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0.5rem 1.35rem;
    margin: 0.5rem;
    transition: all 0.3s ease;
}

@media (max-width:767px) {
    h1 {
        font-size: 40px;
    }
    p {
        font-size: 15px;
    }
}