<style>

* {   
    box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
  /*border: 1px solid red;*/
}

html {
   font-family: "Arial", sans-serif;
   background:#99CCFF;
}
hr {
	height:1px;
	border-width:0;
	color:gray;
	background-color:gray;
	box-shadow: 0px 5px 8px 0px gray;
}


.plist {
	margin-top: 0;
	margin-bottom: 0; 
	padding-left: 1em; 
	text-indent: -1em;
}

.whitebanner {
	background:white;
	box-shadow: 3px 3px 10px 0px gray;
}

.header {
    padding: 15px;
    font-size: xx-large;
    width:100%;
}

.subtitle {
    /*padding: 15px;*/
    font-size: x-large;
}

.container { /* container for iframe google map */
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; /* Aspect Ratio (divide height by width) */
}

img { 
    max-width: 85%;
    height: auto;
}

.fullwidth {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

a {
  color:black;
  font-weight:bold;
}

a:hover {
	color:#0000FF;
}

.spoff { /*Hidden security field in php forms */
	display:none;
}

/* For mobile phones: */
    .col-logo {width:100%; margin:0;padding:15px}
    .col-menu {width: 20%; margin:0; padding:15px; font-size: large;}
    .col-text-full {width: 90%;}
    .col-text-half {width: 90%;}        
    .col-text-sub {width: 90%;}
    .col-text-sm {width: 45%;}
    .col-text-l1 {width: 90%;}
    .col-text-l2 {width: 25%;}
    .col-text-l3 {width: 50%;}
    .responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;
}
    

@media only screen and (min-width: 600px) {
/* For desktop: */
    .col-logo {width:30%; margin:0;padding:15px}
    .col-menu {width: 18%; margin:0; padding:15px; font-size: large;}
    .col-text-full {width: 70%;}
    .col-text-half {width: 45%;}
    .col-text-sub {width: 30%;}
    .col-text-sm {width: 20%;}
    .col-text-l1 {width: 40%;}
    .col-text-l2 {width: 15%;}
    .col-text-l3 {width: 30%;}
    .responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 80%; height: 80%;
}


</style>
}