body{
    font-size:1.7vw;
    font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; 
    margin: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    
}
/* Add a gray background color and some padding to the footer */
footer {
      background-color: #323232;
      padding   : 10px;
      color: #cec;
      min-height: 130px;
      font-size:1.2vw;
}
label { font-size:1.1vw; font-weight: normal;}
td.ft {
    width: 33vw;
    font-family: 'Roboto','Arial';
}
hr {
    margin: 3px;
    color: #655;
    background-color: #655;
    border-color: #655;
}
img { border: 2px solid #aaa;    }
img.intext{ display:inline-block; border:none; width:16%; }

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(2deg); }
   95% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}

.wiggle {
  display: inline-block;
  animation: wiggle 1.5s infinite;
}
.wiggle:hover {
  animation: none;
}

span{ font-size: 1.6vw;}

.panel-title{ font-size: 2.2vw;}
h2 {font-size: 3.5vw;}
#toppanel {
   /* height:10vw; */
    width:100vw;
}
#maincontainer{
    width:98vw;
    height: 90vh;

}
.row{max-height:100%;}

.toptext{    
    padding-top: 0.0vw;
    vertical-align:top;
    text-align: center;
    color:#444;
    font-size:2.3vw;
    background: #ffcc00;
    border: 4px solid #ffcc00;
    border-bottom-width: 5px;
    
}
.topsmall{ font-size:1.4vw; line-height:60%; position:relative; top:-1.1vw; font-weight:500 ; color: green; background:transparent; border-width:0px;}
.large{    
    font-size:200%;
    color:#484;
}
.midpanel{
    padding-top: 3.5vw;
    text-align: center;
    color: #444;
    font-size:1.5vw;
    min-height: 15vw;
    margin:5px;
    background:#ddd;
    border: 1px solid #ccc;
}
input[type='radio'] {     
    box-sizing: content-box; 
    border: 0px;
    height: 1.5vw; 
    width: 1.5vw;
}

ul { list-style-type: none; text-align: center; }
/*div.ctr::before { content: "-\2022- " }
div.ctr::after { content: "-\2022- " }*/
.eyes { font-size:2.5vw; position:relative; left:-1.7vw; display: inline-block; width:1.3vw}
.eyes::after{content: "\2022"; position:relative; top:-0.18vw; left:-1.1vw; }
.eyes::before{content:"\2022"; position:relative; top: .62vw; left:1.5vw; font-size:3.8vw; color:white;}
.small{
    font-size:1.2vw;
    font-weight: bold;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ccc;
}
@media screen and (min-width: 580px) {
    .footery {font-size:65%; display:block; margin:auto; width:60%}
}
@media screen and (max-width: 580px) {

    .footery {display:block; margin:auto; width:90%}
}