@media screen and (orientation: portrait) {
 #startsign_landscape {display:none;}
 div.dbottom{width:100%;}
 div.dbottom_row1{left:0%;height:30%;top:10%;}
 div.dbottom_row2{left:0%;height:30%;top:40%;}
 div.dbottom_row3{left:0%;height:30%;top:70%;}
 div.runs_row_display_pos{font-size:clamp(3rem, 2.5vw, 5rem);}
 div.runs_row_display_name{font-size:clamp(3rem, 2.5vw, 5rem);}
 div.dshow_time_right{display:none;}
 div.dshow_time_left{height:10%;width:100%;}
 div.dshow_time_font{font-size:clamp(6rem, 2.5vw, 5rem);}
 div.dcountdown{font-size:30vw;top:calc(50% - 15vw);}
 div.dcountdown_sec{font-size:70vw;top:calc(50% - 35vw);}
}
@media screen and (orientation: landscape) {
 #startsign_portrait {display:none;}
 div.dbottom{width:20%;}
 div.dbottom_row1{left:20%;height:100%;top:0;}
 div.dbottom_row2{left:40%;height:100%;top:0;}
 div.dbottom_row3{left:60%;height:100%;top:0;}
 div.runs_row_display_pos{font-size:clamp(0.5rem, 2.5vw, 5rem);}
 div.runs_row_display_name{font-size:clamp(0.5rem, 2.5vw, 5rem);}
 div.dshow_time_left{height:100%;width:20%;}
 div.dshow_time_font{font-size:4vw;}
 div.dcountdown{font-size:20vw;top:calc(50% - 11vw);}
 div.dcountdown_sec{font-size:20vw;top:calc(50% - 11vw);}
}

.dcountdown {
 font-family: sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 font-style: italic;
 letter-spacing: .1em;
 position:relative;
}
.dfontglow {
 color: #FFBF08;
 text-shadow: 0 0 5px black,
              0 0 10px black,
              0 0 20px #8F6B06,
              0 0 40px #8F6B06,
              0 0 60px #8F6B06,
              0 0 90px #8F6B06,
              0 0 120px #8F6B06,
              0 0 160px #8F6B06;
}
.dstartsign {
 width:auto;
 height:100%;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:center;
}
.dpattern {
 width:100%;
 height:100%;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:center;
}
.dvsbg {
 width:100%;
 height:100%;
 background-repeat:no-repeat;
}
.dpositions {
 font-size:2vw;
 position:relative;
}
.dpositions_main {
 position:fixed;
 height: 100%;
 width:100%;
 color:#F5F5F5;
 display: flex;
 align-items: center;
}
.dbottom {
 float:left;
 position: fixed;
 width:20%;
 overflow: hidden;
 height:100%;
}
.dbottom_row1 {
 left:20%;
}
.dbottom_row2 {
 left:40%;
}
.dbottom_row3 {
 left:60%;
}
.dnumberCircle {

}
.dshow_time_left {
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 color:#F5F5F5;
 top:0;
}
.dshow_time_right {
 right: 0;
}
.dintro {
 width:100%;
 height:100%;
 background-repeat:no-repeat;
 background-position:center;
 color:#F5F5F5;
 display: flex;
 align-items: center;
}
.dads {
 font-size:calc(12px + 10vw);
 width:100%;
 height:100%;
 background-repeat:no-repeat;
 background-position:center;
 color:#F5F5F5;
 display:flex;
 justify-content:center;
 align-items:center;
 overflow: hidden;
}
.dshow_ads {
 height:100%;
}
.ddisplay_right {
 justify-content: end;
}
.intro_text {
 width: 100%;
 top: 10px;
 position: absolute;
 font-size:5vw;
}
.intro_track {
 width: 100%;
 position: absolute;
 bottom: 10px;
 font-size:4vw;
}
.runs_row_display_pos {
 float:left;
 }
.runs_row_display_name {
 float:left;
 overflow:hidden;
}