body{
padding: 0px;
background:#c1d9ff;
font-size:110%;
}

.sig {
 color:red;
 text-shadow:0px 1px 0px black;
} 

#headerlink {
text-decoration:none;
color:white;
}

#header {
width:100%;
left:0%;
top:0px;
height:50px;
position:fixed;
text-align:center;
background:#5492f7;
background-color:#5492f7;
color:white;
font-size:20px;
box-shadow:0px 5px 5px #5e697a;
z-index:100;
vertical-align:middle;
text-decoration:none;
}

#footer{
position:fixed;
bottom:0px;
height:20px;
width:100%;
left:0px;
font-size:15px;
color:white;
background:black;
opacity:0.7;
text-align:center;
}


#mainContent{
position:relative;
overflow:auto;
top:50px;
left:5%;
width:90%;
border:0px solid;
box-shadow: 0px 5px 15px grey;
background:white;
}

h1, #center{
text-align:center;
position:relative;
}

#content{
font-size:110%;
left:10%;
width:80%;
position:relative;
}

#headerText{
top:5px;
}

textarea {
    resize: none;
}

#image{
left:10%;
position:relative;
width:80%;
border:0px solid;
box-shadow: 0px 5px 15px grey;
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.columnL {
  float: left;
  width: 45%;
  padding: 5px;
}

.columnR {
  float: right;
  width: 45%;
  padding: 5px;
}

.columnTL {
  float: left;
  width: 45%;
  padding: 5px;
}

.columnTR {
  text-align:center;
  float: right;
  width: 45%;
  padding: 0px;
}

.row {
  position:relative;
  float:center;
  width:80%;
  left:10%;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

figcaption {
text-align:center;
padding:5px;
}

#hideOnPC {
 display:none;
}


@media screen and (max-width: 1200px) {

 body{
  font-size:125%;
 }
 #mainContent{
  position:relative;
  overflow:auto;
  top:50px;
  left:0%;
  width:100%;
  border:0px solid;
  box-shadow: 0px 5px 15px grey;
  background:white;
 }
 
 #logo{
  display:none;
  text-align:center;
 }
 
 #phone {
  position:relative;
  width:100%;
  left:0%;
  text-align:center;
 }

 #headerText{
  display:none;
 }

.columnSSSS:hover {
 position:absolute;
 left:0%;
 width:100%;
 float:center;
 z-index:10;
}


#hideOnPC {
 display:inline;
}
}









