@font-face {
    font-family: 'montecarloregular';
    src: url('../fonts/montecarlo-webfont.woff2') format('woff2'),
    url('../fonts/montecarlo-webfont.woff') format('woff'),
    url('../fonts/montecarlo-webfont.ttf') format('truetype'),
    url('../fonts/montecarlo-webfont.svg#montecarloregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
    font-family: "montecarloregular", sans-serif;
    font-weight: normal;
    color: #ffffff;
    background-color: #000000;
}

.coming-soon-section{padding: 80px 20px; text-align: center; display: flex; justify-content: center; align-items: center; height: 100vh; flex-flow: column;}
.coming-soon-section .logo{max-width: 280px; margin: 0 auto; padding-bottom: 50px;}
.coming-soon-section .logo a{display: inline-block; text-decoration: none;}
.coming-soon-section .logo a img{width: 100%;}
.coming-soon-section h2{font-size: 32px; line-height: 42px; color: #ffffff; margin: 0; padding: 0 0 20px 0; font-weight: bold;
    -webkit-animation: fadeInFromNone 3s ease-out infinite;
    -moz-animation: fadeInFromNone 3s ease-out infinite;
    -o-animation: fadeInFromNone 3s ease-out infinite;
    animation: fadeInFromNone 3s ease-out infinite;
}
.coming-soon-section p{ font-size: 20px; line-height: 30px; color: #ffffff; margin: 0; padding: 0; font-weight: normal; }

@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    .coming-soon-section{padding: 30px 20px;}
    .coming-soon-section .logo{max-width: 200px; padding-bottom: 30px;}
    .coming-soon-section h2{font-size: 28px;}
    .coming-soon-section p{font-size: 16px; line-height: 26px;}
}