*
{
    padding:0;
    margin:0;
}
body
{
  background: url('../img/bg.JPG') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.container{
	height: 100vh;
}
#wrapper
{
    width:800px;
    height:100%;
    position: relative;
    margin: 0 auto;
}
#top
{
    background: url("../img/coming-soon.png") no-repeat;
    width: 800px;
    height: 318px;		text-align:center;
    position: absolute;
    margin: 100px auto 0;	background-position:center;
}
#btm
{
    /*background: url("../img/btm.png") no-repeat;*/
    background-size: 100% 100%;
    width: 800px;
    height: 300px;
    position: absolute;
    top: 425px;
    margin-bottom:35px;	
}
#btm a{text-decoration:none;}
@media only screen and (max-width: 815px)
{
    #wrapper { width:100%; }
    #top, #btm { width: 650px; left: 50%; margin-left: -325px; }
    #top { height: 258px; }
    #btm { height:258px; top:360px;}
}
@media (min-width: 768px) and (max-width: 992px){
	.container {
    	width: 100% !important;
	}	
}@media (max-width:815px){	#btm{font-size:12px;}}

@media only screen and (max-width: 670px)
{
    #wrapper { width:100%; }
    #top, #btm { width: 400px; left: 50%; margin-left: -200px; }
    #top { height: 200px; }
    #btm { height:159px; top:320px;font-size:10px; }		#btm div{text-align:center;display:block !important;margin-right:0 !important;}
}

@media only screen and (max-width: 415px)
{
    #wrapper { width:100%; }
    #top, #btm { width: 300px; left: 50%; margin-left: -150px; }
    #top { height: 200px; }
    #btm { height:119px; top:320px; }
}