root {
  --main-line: 4;
}
main { font-family: 'Poppins'; background-color: #151517;}
main a {text-decoration: underline;}


.yellow-text {color: #dd8c33;}
.red {color:#c90122;}
.blue {color: #0492f6;}
.teal {color: #42c6bb;}
.green {color: #76b900;}
.underline {text-decoration: underline;}
.border-bottom-teal {border-bottom: solid 5px #42c6bb;}
.header-txt-size {font-size: 4rem;}
.section-text p { max-width: 1200px; text-align: center; margin: 1.5em auto; font-size: 1.8em;}
.section-terms {background-color: #1b1b1b; max-width: 1200px; margin: auto; max-height: 500px;  overflow-y: scroll;}
.section-terms .scontainer {padding: 1.4em;}
.section-terms p {font-size: 1em; margin: 1em 0;}
.section-terms p, li, ul {color:white;}
.border-bot {border-bottom: solid 5px #ff1f44;}
.header-box {max-width: 1000px; margin: auto; text-align: center;}
.margin-bot {margin-bottom: 3rem;}
main .main-header {font-size: 4rem; color: #107c0f;}

ul.rules {list-style: none; margin: 0 1em;}

.terms-box {background-color: #000; border: 1px solid #777; color: #777; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9rem; margin: 0 auto; overflow-y: scroll; padding: 15px; max-width: 100%; height: 350px;}
.terms-box .terms-nobullet {list-style: none;}
.terms-box .terms-nomarginleft {margin-left: 0;}
.terms-heading {display: block; font-weight: bold; margin-top: 20px; margin-bottom: 0 !important; text-decoration: underline;}
.terms-heading:first-child {margin-top: 0;}
.terms-box p:last-child {margin-bottom: 0;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.button-submit {background-color: #0593f7; border: 2px solid #fff;; border-radius: 3px; color: #fff; cursor: pointer; font-size: 1.5rem; margin: auto; padding: 1rem 2rem; transition: all 0.5s ease;}
.button-submit:hover {background-color: #fff; color: #0593f7;}

.icon-img {height: 50px;}
.icon-link {font-size: 1.2rem;}
.section-download {margin: 2rem 0;}


main hr { margin-top: -0.2em; width: 200px; border: solid #107c0f;}
main h1 {font-size: 5rem; padding: 2rem 0 2rem 0;}
main h2 {font-size: 3.5rem; padding-bottom: 2rem;}
main .bg-black{background-color: black;}

@media (min-width: 800px) { 
  .hero-img {}
  .flex {display: flex;}
  .flex-center {display: flex; align-items: center;}
  .box {border-top: solid 5px #107c0f; border-bottom: solid 5px #107c0f; background-color: black; padding: .5em; margin-top: -5rem;}
  main .section-text .margin-p {margin: 0;}
 
  
}