* {
    box-sizing: border-box;
	text-align: center;
	/*border: 1px solid blue;*/
	background-color: black;
	color: white;
    font-family: "Helvetica", "Arial", sans-serif;
	font-weight: normal;
}

.flexland {column-count: 2; -moz-column-count: 2}

#clockcanvas {
   width: 600px;
   height: 600px;
}

#infocanvas {
   width: 25px;
   height: 25px;
}

#siderealtimeheader { margin-bottom:1px; }
#siderealtime { margin-top:1px; }
#utctimeheader { margin-bottom:1px; }
#utctime { margin-top:1px; }
#divforform { display:none; }
#ewradiofield { width:20%; display:inline-block; }
#submit { font-size:1.17em; }

@media only screen and (max-aspect-ratio: 3/4){
  [class="flexland"] {
    column-count: 1;
	-moz-column-count: 1;
  }
}
@media (max-width: 767px) {
  #clockcanvas {
    width:300px;
    height:300px;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
  [class="flexland"] {
    column-count: 1;
  }
}

li { list-style-type: none; }
input { border: 1px solid blue; }