body {background-color: #000;}



.content-div {
background-color: #85dcd0;
  background-image: url(imgs/bg.png);  
background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
padding:0 50px 0 50px;
}


@media (orientation: portrait)  {
.content-div {
height:100vh;

}
}





.return {
width: 100%;
position: relative;
text-align: right;
margin:10px 0 10px 0;
padding:0;
padding-top:30px;
}

.return img{
width: 100px;
position: relative;
right: -5px;
max-width: 100px;
}


@media (orientation: portrait)  {
.content-div {
height:100vh;

}
}


@media (orientation: landscape)  {
.content-div {

background-size: 100% auto;
background-position: center bottom;

}
}




@media (orientation: landscape) and (max-width: 1366px){

iframe {
height: 900px;

}

}

@media (orientation: landscape) and (max-width: 1366px){

iframe {
height: 850px;

}


}

@media (orientation: landscape) and (max-width: 1180px){

iframe {
height: 700px;

}


}

@media (orientation: landscape) and (max-width: 1024px){

iframe {
height: 630px;
}

}

@media (orientation: landscape) and (max-width: 896px){
.content-div {
padding:5px 50px 50px 50px;
}

}

@media (orientation: landscape) and (max-width: 612px){

iframe {
height: 650px;

}


}



@media (orientation: portrait) and (max-width: 896px){
iframe {
height: 600px;
}
}

@media (orientation: portrait) and (max-height: 668px){
.content-div {
padding: 5px 50px 50px 50px;
}
iframe {
height: 450px;
}

}