@font-face {
  font-family: SercaRegular;
  src: url(Serca-Regular.otf);
}

@font-face {
  font-family: SercaBold;
  src: url(Serca-Bold.otf);
}

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

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

.bottom-right img{  
    position: absolute;
    max-width: 70vw;
    bottom: 0px;
    right: 0px;
}


.coming-soon h1 {
	font-family: SercaRegular;
	top: 10%;
    left: 150px;
    position: absolute;
    max-width: 100%;
    color: white;
    font-size: 8vw;
}

.coming-soon h2 {
	font-family: SercaBold;
	top: 25%;
    left: 150px;
    position: absolute;
    max-width: 100%;
    color: white;
    font-size: 8vw;
}
	

body {
	margin: 0;
	background-color: #C1AA63;
}

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

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

.bottom-right img{  
    max-width: 100%;
}

	
}