body{
  background: black;
  color: white;
}

.container {
    width:100%;
    float: left;
    height:80vh;
    margin-top: 10%;
}

img{
  margin: 0 auto;
  width: 50%;  
  display: block;
}

.text-center{
	text-align: center;
}

.internal{
	margin: 0 auto;
	width: 100%;  
	display: block;
}

h1{
	font-size: 10vmin;
    font-weight: bold;
    font-family: calibri;
    margin-bottom: 0;
}

h2{
	font-size: 5vmin;
	font-weight: bold;
	font-family: calibri;
	margin-top: 0;
	/*border-bottom: 1px solid #ddd;*/
	padding-bottom: 25px;
}

.coming-soon{
	font-size: 8vmin;
	margin-top: 20%;

}


    @media (max-width: 1024px) {
    	.coming-soon{
			margin-top: 60%;
		}

		.container {
		    margin-top: 40%;
		}


    }
    
    @media (max-width: 640px) {
    	.coming-soon{
			margin-top: 60%;
		}

		.container {
		    margin-top: 40%;
		}
    }
    
    @media (max-width: 480px) {
    	.coming-soon{
			margin-top: 60%;
		}

		.container {
		    margin-top: 50%;
		}
    }


    @media (max-width: 320px) {
    	.coming-soon{
			margin-top: 60%;
		}

		.container {
		    margin-top: 50%;
		}
    }