@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext');
/* @font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} */


@media only screen and (max-width: 1400px) {

    .box2{
      margin-left:-8%!important;
    }
    .box1{
      margin-left:52px!important;
    }
}

@media only screen and (max-width: 1230px) {

    .box2{
      margin-left:-20%!important;
    }
    .box1{
      margin-left:-13px!important;
    }
}

@media only screen and (max-width: 1100px) {

    .box2{
      margin-left:-25%!important;
    }
    .box1{
      margin-left:-64px!important;
    }
}



.CTA_Text_Here{
  padding: 1px 1px 1px 1px;
}
body {
   background-image: url("../images/OddsMagic_LP_bg1.jpg");
   font-family: 'Lato', sans-serif;
   background-color: #cccccc;
   background-size: cover;
   background-repeat:no-repeat;
}
.subTitle_text{
  font-weight: lighter;
  color:rgb(255,255,255)!important;
}
.title{
   /* font-family: 'Lato', sans-serif; */
  color: white;
  text-align: center;
  font-weight: 100;
  font-weight: lighter;
  /* text-shadow: 0px -4px rgba(0,0,0,0.5); */
}
.subTitle{
  font-family: 'Lato';
  color: white;
  text-align: center;

}
.subTitle{
  font-size: 30px;
}
.title{
  font-size: 1.2em;
}
.CTA_Text_Here {
  font-size: 24px;
  font-family: "Lato";
  height: 120px;
  width: 120px;
  color:white;
  background-color: rgb(158,191,22);
  line-height: 1.8;
  text-align: center;
}

.CTA_Text_Here_box{
  margin-top: -13px;
      background-color: rgb(158,191,22);
      border-radius: 3px 3px;
      line-height: 4;
      width: 256px;
      height: 60px;
      margin-left: 20%;
      margin-top: 49px;
}
.CTA_Text_Here_box1{
  margin-top: -13px;
      background-color: rgb(158,191,22);
      border-radius: 3px 3px;
      line-height: 4;
      width: 256px;
      height: 60px;
      margin-left: 20%;
}

.subTitle{
  font-size: 28px;
}
.box2{
  margin-left: 6%;
  width: 468px!important;
}
.box1{
  width: 468px!important;
  margin-left: 135px;
}
.box{
  font-family: "Lato";
  background-color: rgba(0,0,0,0.9);
  border-radius: 9px 9px;
}

.inBox{
  padding: 17px 17px 17px 17px;
  text-align: center;
}
.inBox h2,p{
  color: white;
  text-align: center;
  /* text-shadow: 0px -4px rgba(0,0,0,0.5); */
}
footer{
  text-align: center;
}
@media only screen and (max-width: 415px) {
    .CTA_Text_Here_box1{
      margin-left: 15%;
    }
    .box2{
      width: 397px!important;
      margin-left: 3%!important;
    }
    .box1{
      margin-top: 36px;
      width: 397px!important;
      margin-left:11px!important;
    }
    .col-md-offset-5{
      text-align: center!important;
    }
}