@media screen and (min-width: 320px) and (max-width: 568px) and (orientation:landscape){
    
.mobile_container{
    display:none;}

.landscape{
    width:100vw;
    height:100vh;
    float:left;
    position:absolute;
    z-index:100000;
    background:#2e313d;
    display:block;
    top:0;
    left:0;}
    
.landscape .box{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);}
    
.landscape .box .logo{
    width:100px;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);}
    
.landscape .box .logo img{
    width:100%;
    height:auto;
    float:left;}
    
.landscape .box .text{
    width:auto;
    height:auto;
    float:left;
    padding-left:30px;
    padding-right:30px;
    color:#E5BE82;
    font-family:poppinsmedium;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    clear:both;
    margin-top:30px;}}
    
@media screen and (min-width: 375px) and (max-width: 667px) and (orientation:landscape){
    
.mobile_container{
    display:none;}

.landscape{
    width:100vw;
    height:100vh;
    float:left;
    position:absolute;
    z-index:100000;
    background:#2e313d;
    display:block;
    top:0;
    left:0;}
    
.landscape .box{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);}
    
.landscape .box .logo{
    width:100px;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);}
    
.landscape .box .logo img{
    width:100%;
    height:auto;
    float:left;}
    
.landscape .box .text{
    width:auto;
    height:auto;
    float:left;
    padding-left:30px;
    padding-right:30px;
    color:#E5BE82;
    font-family:poppinsmedium;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    clear:both;
    margin-top:30px;}}
    
@media screen and (min-width: 414px) and (max-width: 736px) and (orientation:landscape){
    
.mobile_container{
    display:none;}

.landscape{
    width:100vw;
    height:100vh;
    float:left;
    position:absolute;
    z-index:100000;
    background:#2e313d;
    display:block;
    top:0;
    left:0;}
    
.landscape .box{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);}
    
.landscape .box .logo{
    width:100px;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);}
    
.landscape .box .logo img{
    width:100%;
    height:auto;
    float:left;}
    
.landscape .box .text{
    width:auto;
    height:auto;
    float:left;
    padding-left:30px;
    padding-right:30px;
    color:#E5BE82;
    font-family:poppinsmedium;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    clear:both;
    margin-top:30px;}}