html, body, #ComingSoonSection 
{
    height:100%;
}

body
{
    margin:0px;
    overflow: hidden;
    outline:1px #000 solid;
    outline: 10px solid rgba(135, 135, 135, .3);
}

@font-face 
{
    font-family: Bebas-Regular;
    src: url(../Fonts/BebasNeue.otf);
}

@font-face 
{
    font-family: Air-Regular;
    src: url(../Fonts/Air-Rg.otf);
}

@font-face 
{
    font-family: Air-Light;
    src: url(../Fonts/Air-Lt.otf);
}

@font-face 
{
    font-family: Air-Bold;
    src: url(../Fonts/Air-Bl.otf);
}

.font-bebas-regular
{
    font-family:Bebas-Regular;
}

.font-air-light
{
    font-family:Air-Light !important;
}

.font-air-regular
{
    font-family:Air-Regular;
}

.font-air-bold
{
    font-family:Air-Bold;
}


.coming-soon-container
{
    position: absolute;
    bottom: 0%;
    padding:20px;
    width:100%;
    overflow:hidden;
}
.color-lightgrey
{
    color:#C6C6C6;
}

.color-lightblack
{
    color:#575756;
}


a
{
     color:#575756;
}

a:hover
{
    text-decoration:none;
    color:#575756;
    
}

#website-title
{
    color:#C6C6C6;
    font-family:Air-Light;
}

#comingsoon-title, #contactus-title
{
    font-family:Bebas-Regular;
}

#contact-details p
{
    font-family:Air-Regular
}

#contact-details span,  #email-contact
{
    font-family:Air-Bold;
}

#ComingSoonBorder
{
    position: absolute;
    width: 100%;
    height: 100%;
    border: 15px solid rgba(135, 135, 135, .3)
}

#comingsoon-title
{
    margin-bottom:20px;
}

/*Start from here*/





#ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundRight.png");
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}


.col-xs-6
{
    float:left !important;
}

h1
{
    font-size:17px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:14px;
}

#comingsoon-title
{
    margin-bottom:30px;
}


#information
{
    text-align: justify;
    width:100%;
    padding-bottom:20px;
    font-size:12px;
    padding-right:15px;
    

}

p
{
    font-size:10px;
    margin:0px;
}





.align-fix 
{
    
    padding-left: 13%;
}





/*@media only screen and (min-width: 450px) and (min-height: 380px)
{


}*/







@media only screen and (min-width:1020px) and (max-width: 1400px) and (min-height: 700px)
{
    
        #ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundRight.png");
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.align-fix
{
 margin-left:35px!important;   
}

.col-sm-3 {
    width: 25% !important;
}

/*test*/
p
{
    font-size:17px!important;

}

}


@media only screen and (max-width: 800px) and (min-height: 1020px)
{
    
        #ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundTop.png");
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.col-sm-3 {
    width: 30% !important;
}



}



@media only screen and (min-width: 1360px) and (min-height: 1020px)
{
    
        #ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundRight.png")!important;
        background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
}

.align-fix
{
    margin-left:0;    
}

p {font-size:25px; !important}

.col-sm-3 .col-xxs-6 {
    width: 25% !important;
}

#information
{
    font-size:25px !important;
}


.align-fix
{
    margin-left: -5px !important;
}


}


@media only screen and (max-width: 1025px) and (min-height: 1360px)
{
    
        #ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundTop.png");
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.col-sm-3 {
    width: 30% !important;
}
.align-fix
{
    margin-left:70px;
    
}
#information
{
    font-size:25px !important;
    max-width: 570px !important;
    width: 100%;
}
p
{

    font-size:25px !important;

  
}
}



































@media only screen and (min-height: 370px) {
    h1
{
    font-size:19px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:15px;
}

p
{
    margin:0px;
     font-size:11px;
}

#comingsoon-title
{
    margin-bottom:30px;
}


}






@media only screen and (min-height: 390px) {
    h1
{
    font-size:20px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:16px;
}

p
{
    margin:0px;
     font-size:12px;
}

#comingsoon-title
{
    margin-bottom:30px;
}



#ComingSoonSection {
    background-image: url(../Images/ComingSoonBackgroundTop.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: top;
}


}




@media only screen and (max-height: 320px) and (max-width: 480px)
{
    .align-fix
    {
            padding:0px;
    }
    
    #information
    {
        max-width:250px;
    }
    
    .col-xs-6 {
    width: 25%;
    }
    
}






@media only screen and (min-height: 430px) {
    h1
{
    font-size:23px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:16px;
}

p
{
    margin:0px;
     font-size:10px;
}

#comingsoon-title
{
    margin-bottom:30px;
}

}

@media only screen and (min-height: 430px) {
    h1
{
    font-size:30px;
    margin:0px;
}


h5
{
    margin:0px;
    font-size:20px;
}

p
{
    margin:0px;
     font-size:11px;
}

#comingsoon-title
{
    margin-bottom:20px;
}

.coming-soon-container
{
    padding-left:10%;
}

}



@media only screen and (min-height: 470px) {
    h1
{
    font-size:25px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:22px;
}

p
{
    margin:0px;
     font-size:10px;
}
#comingsoon-title
{
    margin-bottom:10px;
}


#information
{
    padding-bottom:20px;
    font-size:12px;
     padding-right:15px;
}


}


@media only screen and (min-width: 400px) and (min-height:350px)
{
    .col-xs-6
{
    float: none !important;
}

}


@media only screen and (min-width: 400px) and (min-height: 500px)
{
    
      .col-xs-6
{
    float: left !important;
}
    
   h1
{
    font-size:40px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:30px;
}

p
{
    margin:0px;
     font-size:13px;
}
#comingsoon-title
{
    margin-bottom:10px;
}

#information
{
    padding-bottom:70px;
    font-size:12px;
     padding-right:15px;
}
    


}


@media only screen and (min-width: 560px)
{
        #ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundRight.png");
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}
   .col-xs-6
{
    float: left !important;
}

#information
{
    padding-bottom:70px;
     padding-right:0px;
         max-width: 400px;
    font-size: 20px;
}
   
    
    


}



/*editing this now*/

@media only screen and (min-width: 560px) and (max-height: 500px)
{
     .coming-soon-container
{
    left: 2%;
    padding-left: 30px;
}
      
.col-xs-6
{
    float:left !important;
}

.coming-soon-container
{
    width:350px;
}

  h1
{
    font-size:30px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:25px;
}

p
{
    margin:0px;
     font-size:13px;
}
 
    
   .coming-soon-container
{
    left: 2%;
    padding-left: 30px;
}
#comingsoon-title
{
    margin-bottom:20px;
}

#information
{
    padding-bottom:30px;
    max-width: none;
    font-size:10px;
     padding-right:0px;
}


    

}












@media only screen and (min-width: 800px)
{
  
   .col-xs-6
{
    float: left !important;
}
 .coming-soon-container
{
    left: 2%;
    padding-left: 30px;
}

.align-fix 
{
   
    padding-left: 0px;
}

}




/*editing this now*/
@media only screen and (min-width: 700px) and (min-height: 1000px)
{
    
    
       #ComingSoonSection
{
    background-image: url("../Images/ComingSoonBackgroundTop.png");
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.coming-soon-container {

bottom:3%;
    
}
    
    
    .col-xs-6
    {
        float:left !important;
    
    }
    
    .col-sm-3
    {
        width:30% !important;
    }
    
     h1
{
    font-size:60px;
    margin:0px;
}
    
    h5
{
    margin:0px;
    font-size:34px;
}

p
{
    margin:0px;
     font-size:20px;
}
 
 .align-fix
 {
     padding:0%;
     margin-left:50px;
 }
 
    
}
/*editing this now*/




@media only screen and (min-width: 900px) and (min-height: 1050px)
{
      h1
{
    font-size:60px;
    margin:0px;
}

h5
{
    margin:0px;
    /*font-size:34px;*/
    font-size:70px;
}

p
{
    margin:0px;
    /* font-size:15px;*/
    font-size: 25px;
}
#comingsoon-title
{
    margin-bottom:25px;
}
  .coming-soon-container
{
    left: 2%;
    padding-left: 30px;
}


#information
{
    padding-bottom:40px;
    max-width: 540px;
    font-size:25px;
    /*font-size:12*/;
     padding-right:0px;
     
     width:60%;
     
     
}


}

@media only screen and (min-width: 1050px) and (min-height: 700px)

/*@media only screen and (min-width: 1000px) and (min-height: 500px)*/
{
      h1
{
    font-size:80px;
    margin:0px;
}

h5
{
    margin:0px;
    font-size:40px;
}

p
{
    margin:0px;
     font-size:17px;
}
 
    #comingsoon-title
{
    margin-bottom:20px;
}
    .coming-soon-container
{
    left: 2%;
    padding-left: 30px;
}
.lastrow
{
    margin-bottom:10px;
}

#information
{
    padding-bottom:130px;
    max-width: 520px;
    font-size:14px;
     padding-right:0px;
     
}

}