.comingsoon {
    display: -webkit-flex;
    display: flex;
    width: 100%;
	height: calc(100vw / 1.889);
    overflow: hidden;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../design/background_comingsoon.jpg) no-repeat center center;
	background-size: 100%;
}

h1, h2, h3 {
font-weight: normal;
color: white;
text-shadow: 0.3vw 0.3vw 0.3vw #2B130B;
}

h1#l1 {
font-size: 6vw;
text-transform: uppercase;
font-weight: bold;
}

h1#l1::first-letter {
font-size: 8vw;
}

h1#l2 {
font-size: 5vw;
letter-spacing: 1.02vw;
text-transform: uppercase;
}

h3#l3 {
font-size: 4vw;
letter-spacing: 0.12vw;
}

h2#l4 {
font-size: 4vw;
letter-spacing: 0.55vw;
text-transform: uppercase;
font-weight: bold;
}

h3#l5 {
font-size: 3vw;
letter-spacing: 0.55vw;
text-transform: uppercase;
}

h2#l6 {
font-size: 4vw;
letter-spacing: 0.5vw;
text-transform: uppercase;
font-weight: bold;
}

.l1, .l2, .l3, .l4, .l5, .l6 {
display: flex;
justify-content: flex-end;
width: 100%;
padding-top: 0vw;
padding-right: 8vw;
}

.l1 {
padding-top: 2vw;
}
.l3 {
padding-top: 4.5vw;
}
.l4, .l6 {
padding-top: 0.5vw;
}
.l5 {
padding-top: 8.5vw;
padding-right: 12.8vw;
}

@media screen and (min-width: 1200px)
{
.comingsoon {
    width: 1200px;
	height: calc(1200px / 1.889);
}
h1, h2, h3 {
font-weight: normal;
color: white;
text-shadow: 3.6px 3.6px 3.6px #2B130B;
}

h1#l1 {
font-size: 72px;
text-transform: uppercase;
font-weight: bold;
}

h1#l1::first-letter {
font-size: 96px;
}

h1#l2 {
font-size: 60px;
letter-spacing: 12.24px;
text-transform: uppercase;
}

h3#l3 {
font-size: 48px;
letter-spacing: 1.44px;
}

h2#l4 {
font-size: 48px;
letter-spacing: 6.6px;
text-transform: uppercase;
font-weight: bold;
}

h3#l5 {
font-size: 36px;
letter-spacing: 6.6px;
text-transform: uppercase;
}

h2#l6 {
font-size: 48px;
letter-spacing: 6px;
text-transform: uppercase;
font-weight: bold;
}
.l1, .l2, .l3, .l4, .l5, .l6 {
padding-top: 0px;
padding-right: 96px;
}

.l1 {
padding-top: 24px;
}
.l3 {
padding-top: 54px;
}
.l4, .l6 {
padding-top: 6px;
}
.l5 {
padding-top: 102px;
padding-right: 153.6px;
}
}

@media screen and (width: 812px) and (height: 375px) /* iPhone X */
{
.l3 {
padding-top: 3.5vw;
}
.l5 {
padding-top: 5vw;
}
}

@media screen and (width: 800px) and (height: 360px) /* Samsung Galaxy S20 */
{
.l3 {
padding-top: 3.5vw;
}
.l5 {
padding-top: 4vw;
}
}

@media screen and (width: 653px) and (height: 280px) /* Samsung Galaxy S20 */
{
.l3 {
padding-top: 2.6vw;
}
.l5 {
padding-top: 2.6vw;
}
}