@font-face {
  font-family: RaporMedium;
  src: url(RaporMedium.otf);
}

@font-face {
  font-family: RaporBook;
  src: url(RaporBook.otf);
}

.coming-soon {
	background-color: #5EC6C4;
	min-height: 100vh;
    min-width: 100vw;
}

.top-left img{  
    position: absolute;
    max-width: 300px;
    top: 50px;
    left: 50px;
}


.coming-soon h1 {
	font-family: RaporBook;
	top: 25%;
    left: 50px;
    position: absolute;
    max-width: 100%;
    color: white;
    font-size: 10em;
}

.coming-soon h2 {
	font-family: RaporMedium;
	top: 40%;
    left: 50px;
    position: absolute;
    max-width: 100%;
    color: #06616B;
    font-size: 10em;
}
	

body {
	margin: 0;
	background-color: #06616b;
}

@media only screen and (max-width: 480px) {
	.coming-soon h1 {
	font-family: RaporBook;
	top: 40%;
    left: 50px;
    position: absolute;
    max-width: 100%;
    color: white;
    font-size: 45px;
}

.coming-soon h2 {
	font-family: RaporMedium;
	top: 45%;
    left: 50px;
    position: absolute;
    max-width: 100%;
    color: #06616B;
    font-size: 45px;
}

	
}