body {
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center center; 
	background-color:    #FFFFFF;
	font-family:         Arial,Calibri,Candara,Segoe,Segoe UI,Optima,sans-serif;
        font-size:           calc(51vw/10.80);
        height:              calc(1920vh/19.20);
        margin:              0;
        padding:             0;
	text-align:          left;
        width:               calc(1080vw/10.80);
	z-index:             -1;
}
#backgroundimage {
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: 0.25;
    background-color: #ffffff;
    background-size:  cover;
    z-index: -1;
}

#page {
    position: absolute;
    width:    calc(1080vw/10.80);
    height:   calc(1920vh/19.20);
    top:      calc(0vh/19.20);;
    left:     calc(0vw/10.80);
    padding:  calc(5vw/10.80);
    padding-left:  calc(10vw/10.80);
    overflow:     hidden;
    display:      flex;
    flex-direction: column;
    justify-content: space-between;
}
.image1 {
    float:right;
    margin-left: calc(10vw/10.80);
    clear: both;
}
#hours {
	color: #808080; 
	background-color: #004400;
	text-align: center;
}
#hourstable {
	color:#002564;
	border: calc(3vw/10.80) blue solid;
}
h2 {
	color : white;
}
.item h2 {
	text-align:center;
	width: 100%;
	color: rgb(0,37,100);
}
svg {
	transform: rotate(-90deg);
}
#imagediv {
	z-index:20;
}
.q {
   background-color: transparent;
   text-align:center;
   z-index: 20;
}
#qtitle {
	background-color: green;
	color: #F2F1F0;
	text-align: center;
	z-index:30;
}
.qheader {
	color: #000000;
	z-index:30;
}
.qheaderrow {
	text-align: center;
}
#progress {
        z-index: 500;
}
#infobar {
    display:         flex;
    height:          calc(100vw/10.80);
    justify-content: flex-end;
    margin-bottom:   calc(10vw/10.80);
    min-height:      calc(100vw/10.80);
    width:           calc(1060vw/10.80);
    z-index:         50;
}
#bcontent3_t14 {
    /*flex-grow:     3; */
    flex:          1;
    line-height:   calc(100vw/10.80);
    padding-left:  calc(10vw/10.80);
    padding-right: calc(10vw/10.80);
}
#todaydate {
    border-left:  calc(1vw/10.80) solid white;
    border-right: calc(1vw/10.80) solid white;
    flex:         initial;
    font-size:    calc(50vw/10.80);
    height:       calc(100vw/10.80);
    min-width:    calc(100vw/10.80);
    line-height:  calc(45vw/10.80);
    padding-top:  calc(6vw/10.80);
    position:     relative;
    text-align:   center;
}
#weather {
    border-left:  calc(1vw/10.80) solid white;
    border-right: calc(1vw/10.80) solid white;
    flex:         initial;
    height:       calc(100vw/10.80);
    min-width:    calc(100vw/10.80);
    text-align:   center;
    top:          calc(-0vw/10.80);
}
#weather_temp {
    position: relative;
    font-size: 62%;
    text-align: center;
    top: calc(-9vw/10.80);
}
#weather_img {
    width: calc(70vw/10.80);
}
#logo {
    flex:   initial;
    top:    calc(0vw/10.80);
    height: calc(100vw/10.80);
}
#logo_img {
    min-height: calc(100vw/10.80);
    max-height: calc(100vw/10.80);
    max-width:  calc(360vw/10.80);
}
    #hours {
        position: absolute; 
        top: calc(40vw/10.80); 
        left: calc(37vw/10.80); 
        font-size: calc(40vw/10.80); 
        font-weight: 700;
        height: calc(82vw/10.80);
        line-height: calc(82vw/10.80);
        width: calc(375vw/10.80);
    }
    #hourstable {
        position:absolute;
        font-size: calc(42vw/10.80);
        top: calc(120vw/10.80);
        left: calc(37vw/10.80);
        font-weight: 500;
        width: calc(375vw/10.80);
    }
    #jputdotwshort {
        padding-right: calc(25vw/10.80);
        font-weight: 700;
    }
    #progress {
        left:     calc(1000vw/10.80);
        height:   calc(90vw/10.80);
        opacity:  0.8;
        width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    }
    .item {
        position: relative;
    }
    .item h2 {
        font-size: calc(20vw/10.80);
        position: absolute;
        line-height: calc(41vw/10.80);
        width: 100%;
    }
    .circle_animation {
        stroke-dashoffset: 188;
        stroke-dasharray:  188; /* this value is the pixel circumference of the circle */
        transition: all 1s linear;
    }
    #logo_img {
        max-height: calc(100vw/10.80);
        max-width:  calc(300vw/10.80);
    }
    #imagediv {
        height:   calc(662vw/10.80);
        width:    calc(410vw/10.80);
        position: fixed;
        top:      calc(119vw/10.80);
        left:     calc(629vw/10.80);
    }
    .q {
       font-size:   calc(90vw/10.80);
       font-weight: 700;
       height:      calc(82vw/10.80);
       position:    relative;
       width:       calc(179vw/10.80);
    }
    #queuedata {
        border:        solid calc(2vw/10.80) #002664;
	color:         #002564;
        height:        calc(271vw/10.80);
        margin-top:    calc(0vw/10.80);
        margin-bottom: calc(20vw/10.80);
        min-height:    calc(271vw/10.80);
        width:         calc(1060vw/10.80);
        z-index:       100;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #qtitle {
        font-size: calc(44vw/10.80);
        font-weight: 700;
        height: calc(77vw/10.80);
        left: calc(-1vw/10.80);
        line-height: calc(77vw/10.80);
        position: absolute;
        top: calc(-2vw/10.80);
        width: calc(386vw/10.80);
    }
    .qheader {
    }
    .qheaderrow {
        font-weight: 600;
        font-size: 85%;
    }
    #qheaderbon {
        left: calc(192vw/10.80);
    }
    #themelogo {
        height: calc(750vw/10.80);
        left: calc(629vw/10.80);
        position: absolute;
        top: calc(60vw/10.80);
        width: calc(384vw/10.80);
    }
    #themelogoimg {
        max-width: calc(384vw/10.80);
        max-height: calc(750vw/10.80);
    }
#tickerbar {
    height: calc(65vh/19.20);
    width:  100%;
}    
#timeoutHandle {
    display: none;
}