body {
    color: #484747;
}

li {
    margin-top: 20px;
}

p {
    line-height: 30px;
}

p.fs-1 {
    line-height: 48px;
}

p.fs-2 {
    line-height: 38px;
}

p.fs-3, p.fs-4 {
    line-height: 35px;
}

.logos {
    display: flex;
    align-items: center;
}

.logos a {
    text-decoration: none;
    display: inline-block;

}

.logos .logos_separator {
    margin: 0 30px;
    display: inline-block;
    width: 8px;
    background-color: black;
    height: 55px;
    transform: rotate(20deg);
}

.logoGame {
    max-width: 250px;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.logoGame img {
    max-height: 62px;
}

.ticker {
    color: #fff;
}

.hero {
    height: 800px;
    font-weight: bold;
    position: relative;
    background-image: url('../images/hero.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    background-color: #569CCB;
}

.hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

.hero h1 {
    font-size: 50px;
    line-height: 80px;
}

p {
    margin-bottom: 2rem !important;
    line-height: 25px;
}

.bg1 {
    background-color: #fff;
}

.bg2 {
    background-color: #0e7fcd;
    color: #fff;
}

.bg3 {
    background-color: #58B947;
    color: #fff;
}

.bg4 {
    background-color: #D9EDFE;
}

.bg5 {
    background-color: #454545;
}

.bg3 *, .bg2 * {
    color: #fff;
}

.bg-cover {
    background-size: cover;
    background-position: center;
}

.bg-shadow {
    position: relative;
}

.bg-shadow::after {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-shadow .container {
    position: relative;
    z-index: 1;
}

.highlight {
    color: #3E5F7E;

}

.highlight2 {
    color: #4D9FEC;

}

.col-5 {
  flex: 0 0 calc(100% / 5);
  max-width: calc(100% / 5);
}
@media (max-width: 768px) {
  .col-5 { 
    flex: 0 0 100%; 
    max-width: 100%; 
  }
  .col-55 { 
    flex: 0 0 50%; 
    max-width: 100%; 
  }
}

a {

    color: #58B947;
}

section {
    overflow: hidden;
}

h3.title {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
    color: #58B947;
}

.card {
    display: block;
    border: none !important;
}

.signup {
    background-color: #000000;
    background-image: url('../images/stones.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 500px;
}

.signup input[type=email], .signup input[type=phone] {
    border: solid 3px #58B947;
    padding: 5px 5px 5px 20px;
    color: #000;
    border-radius: 0px;
}

.signup input[type=submit] {
    border: solid 3px #58B947;
    background-color: #58B947;
    padding: 5px;
    color: #fff;
    border-radius: 0px;
    font-weight: bold;
    padding: 5px 20px;
}

header {
    position: absolute;
    background-color: transparent;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
    padding: 10px;
}

header .container {
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
 }
.header_ticker {
    position: absolute;
    right: 0;

    top: 0;
    height: 100%;
    background-color: #58B947;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: max-content;
    color: #000;
}

.header_ticker2 {
    position: absolute;
    right: 0;
    z-index: 10;
    top: 0;
    height: 100%;
    background-color: #58B947;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: max-content;
    color: #000;
    font-size: 15px;
}

.header_ticker a {
    text-decoration: none;
    color: #000;
    padding: 0px 20px;
    font-weight: bold;
}

/*body::before {
    width: auto;
    height: auto;
    background-color: #ccc;
    position: absolute;
    display: block;
    content: "Sponsored content";
    top: 0;
    right: 64px;
    padding: 0 10px;
    border-radius: 0 0 10px 10px;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
    z-index: 10000;
}*/

.disclaimer p {
    font-size: 15px !important;
}

@media (max-width: 768px) {
    body::before {
        display: none !important;
    }

    .header_ticker2::before {
        width: auto;
        height: auto;
        background-color: #ccc;
        position: absolute;
        display: block;
        content: "Sponsored content";
        top: 0;
        right: 36%;
        padding: 0 10px;
        border-radius: 0 0 10px 10px;
        font-size: 11px;
        font-family: 'Montserrat', sans-serif;
        z-index: 10000;
    }

    .header_ticker {
        right: 0px !important;

    }

    .header_ticker2 {
        right: 0px !important;
        max-width: 100% !important;
        width: 100%;
        top: 72px;
        height: 100px;
        border-radius: 0 0 10px 10px;

    }
}

.text-1 {
    color: #7BDB6A !important;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.text-2 {
    color: #0E7FCD !important;
}

.text-white {
    color: #FFFFFF !important;
}

.text-3 {
    color: #453828 !important;
}

.text-dark {
    color: #1D1D1D !important;
}

.box-shadow {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
}

.box-shadow-1 {
    box-shadow: 0 0 3px 3px rgba(88, 185, 71, 1);
}

.box-shadow-2 {
    box-shadow: 0 0 3px 3px rgba(14, 127, 205, 1);
}

.btn-primary {
    background: #58B947;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    border-radius: 0px;
    padding: 20px 60px;
    border: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.btn-primary:hover {
    background: rgb(11, 122, 1);
    color: #fff;
    text-decoration: none;
}

.rounded-more {
    border-radius: 15px !important;
}

@media (max-width: 768px) {
    .hero {
        position: relative;
    }
    .hero::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 0;
    }
    .hero .container {
        position: relative;
        z-index: 1;
    }
    .hero h1 {
        font-size: 30px;
        line-height: 55px !important;
    }

    .hero h2 {
        font-size: 30px;
        line-height: 50px !important;
    }

    .signup {
        background-image: none;
    }

    .btn-primary {
        font-size: 20px;
    }
    h3.title {
        font-size: 24px;
    }
}