@font-face {
    font-family: Montserrat-Regular; 
    src: url(../fonts/Montserrat-Regular.ttf);     
  }
  
  @font-face {
    font-family: Montserrat-Medium; 
    src: url(../fonts/Montserrat-Medium.ttf);     
  }
  @font-face {
    font-family: Montserrat-SemiBold; 
    src: url(../fonts/Montserrat-SemiBold.ttf);     
  }
  @font-face {
    font-family: Montserrat-Light; 
    src: url(../fonts/Montserrat-Light.ttf);     
  }
  @font-face {
    font-family: Montserrat-Bold; 
    src: url(../fonts/Montserrat-Bold.ttf);     
  }

 

 
body {
 margin:0px;
 padding:0px;
 font-family: Montserrat-Regular; 
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
}
.main-wrapper {
   background: url(../images/bg.jpg) no-repeat;
   width:100%;
   background-size:100%;
   height:100vh;
   background-position:0% 30%;
}
*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
 box-sizing: border-box;
}


a {
 -o-transition:.5s;
 -ms-transition:.5s;
 -moz-transition:.5s;
 -webkit-transition:.5s;
 transition:.5s;
 text-decoration: none;
}

.container{
  width: 1000px;
  margin:0 auto; 
}
.header-container{
  width: 45%;
  margin:0 auto; 
}
.clearfix , .clear {
 clear:both;
}
.logo {
text-align:center;
padding:30px 10px 10px 10px;
}
.logo img {
max-width:100%;
}

.comming-soon-strip {
background: rgb(245,194,80);
background: linear-gradient(180deg, rgba(245,194,80,1) 0%, rgba(200,146,50,1) 100%);
color:#000;
font-size:24px;
text-transform:uppercase;
padding:10px;
text-align:center;
 font-family: OpenSauceSans-SemiBold; 
}
.borders-sep {
padding: 4px 0px 4px 0px;
border-top:2px solid #efb84a;
border-bottom:2px solid #c28c2c;
}
.main-section {
padding: 20px 0px 20px 0px;

}

.left-text-box {
background:rgba(238,137,10,0.4);
padding:25px 15px 25px 15px;
font-family: Montserrat-SemiBold; 
font-size:14px;
width:33.33%;
left:0px;
position:absolute;
top:40%;
color:#fff;
}
.left-text-box ul {
font-family: Montserrat-SemiBold; 
padding:0px;
margin:0px 0px 0px 20px;
line-height:20px;
font-size:14px;
list-style-position:inside;
}
.left-text-box ul li {
font-family: Montserrat-SemiBold; 
list-style:none;
background: url(../images/tick.png) no-repeat left center;
padding:7px 0px 7px 25px;
margin:0px;
line-height:20px;
font-size:14px;
color:#fff;
float:left;
width:50%;
}
.left-text-box p {
color:#fff;
line-height:32px;
font-size:14px;
font-family: Montserrat-SemiBold; 
letter-spacing:1px;
}
.right-text-box {
background:rgba(238,137,10,0.4);
padding:15px 15px 15px 20px;
font-family: Montserrat-SemiBold; 
font-size:14px;
width:33.33%;
right:0px;
position:absolute;
top:40%;
color:#fff;
}
h1 {
 font-family: Montserrat-Bold; 
text-transform:uppercase;
font-size:40px;
line-height:42px;
color:#fff;
padding:0px 0px 10px 0px;
margin:0px;
font-weight:normal;
}
h2 {
 font-family: Montserrat-Medium; 
font-size:20px;
line-height:20px;
color:#fff;
padding:0px;
margin:0px;
font-weight:normal;
}
h3.coming-soon {
 font-family: Montserrat-Medium; 
font-size:18px;
line-height:20px;
color:#fff;
background:rgba(238,137,10,0.4);
padding:15px 15px 15px 15px;
font-weight:normal;
display:inline-block;
text-transform:uppercase;
}
.address {
padding: 5px 0px 5px 0px;
font-size:12px;
font-weight:normal;
font-family: Montserrat-Regular; 
}
.address p {
line-height:18px;
font-size:13px;
font-family: Montserrat-Regular; 
padding: 0px 10px;
margin:0px;
float:left;
width:67%;
}
.address p.bigger {
line-height:18px;
font-size:14px;
font-family: Montserrat-SemiBold; 
}
.address h3 {
float:left;
width:33%;
 font-family: Montserrat-SemiBold; 
font-size:14px;
color:#fff;
padding:0px;
margin:0px;
font-weight:normal;
}
.car-rating {
text-align:center;
float:left;
width:498px;
}
.logo-box {
position:absolute;
bottom:10px;
width:100%;
text-align:center;
}
.logo-box .logo img {
width:240px;
}
@media only screen and (min-width:1480px) {
.left-text-box ul li {

  line-height: 24px;
  font-size: 16px;
}
.address h3 {
  font-size: 18px;
}
.address p {
  line-height: 20px;
font-size: 16px;
}
.address p.bigger {
font-size: 18px;
}
}
@media only screen and (min-width:1580px) {
.left-text-box ul li {

  line-height: 26px;
  font-size: 18px;
}
.address h3 {
  font-size: 18px;
}
.address p {
  line-height: 22px;
font-size: 16px;
}
.address p.bigger {
font-size: 18px;
}
h1 {

font-size:44px;
line-height:46px;
}
h2 {
font-size:22px;
line-height:22px;

}
.logo-box .logo img {
width:265px;
}
}
@media only screen and (min-width:1780px) {
.left-text-box ul li {

  line-height: 30px;
  font-size: 20px;
}
.address h3 {
  font-size: 20px;
}
.address p {
  line-height: 26px;
font-size: 18px;
}
.address p.bigger {
font-size: 20px;
}
.left-text-box {

  padding: 30px 15px 30px 15px;
 }
 h1 {

font-size:50px;
line-height:52px;
}
h2 {
font-size:26px;
line-height:26px;

}
.logo-box .logo img {
width:265px;
}
h3.coming-soon {
font-size:22px;
line-height:24px;
padding:18px;

}
}
@media only screen and (min-width:1880px) {
.left-text-box ul li {

  line-height: 34px;
  font-size: 24px;
}
.address h3 {
  font-size: 24px;
}
.address p {
  line-height: 28px;
font-size: 20px;
}
.address p.bigger {
font-size: 24px;
}
.left-text-box {

  padding: 30px 15px 30px 15px;
 }
  h1 {

font-size:56px;
line-height:58px;
}
h2 {
font-size:30px;
line-height:30px;

}
.logo-box .logo img {
width:265px;
}
h3.coming-soon {
font-size:26px;
line-height:28px;
padding:20px;

}
}
@media only screen and (min-width: 651px) and (max-width:1000px) {
.main-wrapper {

   background-size:auto 100%;
   background-position:50% 0%;
   height:100vh;
}


.left-text-box p {
font-size:13px;
}
.address p {
font-size:11px;
}
.address h3 {
font-size:11px;
}
h1 {

font-size:32px;

}
h2 {

font-size:16px;
}
.left-text-box ul li {

  line-height: 16px;
  font-size: 12px;
}
}
@media only screen and (max-width: 650px) {
body {
 background: #090909;
}
.container{
  width: 90%;
  margin:0 auto; 
}
.logo-box .logo img {
width:140px;
}
.main-wrapper {

   background-size:auto 100%;
   background-position:50% 0%;
   height:100vh;
}
.left-text-box {
top:0px;
width:100%;
padding: 20px 10px 20px 10px;
}
.left-text-box ul li {
  font-family: Montserrat-Medium;
  padding: 5px 0px 5px 23px;
  line-height: 18px;
  font-size: 12px;
}
.left-text-box ul {

  margin: 0px 0px 0px 10px;

}
.right-text-box {
bottom:0px;
width:100%;
top:inherit;
}
.logo-box {

  top: 22%;

}
h1 {

  font-size: 24px;
  line-height: 28px;
  padding: 0px 0px 5px 0px;

}
h2 {
  font-size: 16px;
  line-height: 18px;
}
.address h3 {
  width: 35%;
  font-size: 13px;
 }
 .address p {
  width: 65%;
  font-size: 12px;
 }
 h3.coming-soon {
font-size:14px;
line-height:16px;
padding:13px;

}
}