/* Page formatting */
html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
}
body {
   background-color: white;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   height: 100%;
   font-family: "Varela Round", sans-serif;
   font-size: 14px;
}
main {
   min-height: calc(100vh - 75px);
   margin: 0;
   background-color: white;
}
main:after {
   display: block;
   height: 75px;
}
header {
   background-color: #2b4b6f;
   color: white;
   padding: 8px;
   height: 50px;
   text-align: center;
}
.content {
   margin: auto;
   display: table;
   text-align: center;
}
.navButtons {
   margin: auto;
   width: 100%;
   display: table;
   z-index: 1;
}
ul {
   padding: 5px;
}
li {
   padding: 5px;
}
footer {
   background-color: #2b4b6f;
   color: white;
   text-align: right;
   padding-top: 6px;
   height: 69px;
}

/* Navigation formatting */
nav {
   display: inline-block;
   float: center;
}
nav ul {
   text-align: center;
   display: inline;
   margin: 0;
   padding: 15px 4px 17px 0;
   list-style: none;
}
nav ul ul {
   padding: 0;
   position: absolute;
   top: 50px;
   left: 0px;
   width: 292px;
   display: none;
   opacity: 0;
   visibility: hidden;
   -webkit-transiton: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   -ms-transition: opacity 0.2s;
   -o-transition: opacity 0.2s;
   -transition: opacity 0.2s;
   z-index: 10;
}
nav ul ul ul {
   padding: 0;
   position: absolute;
   top: 0px;
   left: 292px;
   width: 292px;
   display: none;
   opacity: 0;
   visibility: hidden;
   -webkit-transiton: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   -ms-transition: opacity 0.2s;
   -o-transition: opacity 0.2s;
   -transition: opacity 0.2s;
}
nav ul li {
   font: inherit;
   font-size: 29px;
   display: inline-block;
   margin-right: -4px;
   position: relative;
   padding: 8px 23px;
   background: #2b4b6f;
   color: #738ca6;
   text-shadow: 0 -1px 0 #000;
   cursor: pointer;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
}
nav ul ul li {
   font: inherit;
   font-size: 18px;
   background: #4c986d;
   display: block;
   padding: 5px 20px;
   color: #79b694;
   text-shadow: 0 -1px 0 #000;
   cursor: pointer;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
}
nav ul ul ul li {
   font: inherit;
   font-size: 18px;
   background: #4c986d;
   display: block;
   padding: 5px 20px;
   color: #79b694;
   text-shadow: 0 -1px 0 #000;
   cursor: pointer;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
}
nav ul li:hover {
   background: #4c986d;
   color: #fff;
}
nav ul ul li:hover {
   background: #4b698b;
}
nav ul ul ul li:hover {
   background: #4b698b;
}
nav ul li:hover > ul {
   display: block;
   opacity: 1;
   visibility: visible;
}
nav ul ul li:hover > ul {
   display: block;
   opacity: 1;
   visibility: visible;
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 10px;
	background: #4c986d url("/images/up.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* Circle image */
.circle-image {
   border-radius: 50%;
   width: 24vh;
   height: 24vh;
}

/* Text formatting */
h1 {
   color: #2b4b6f;
}
h2 {
   color: #4c986d;
}
a.navi:link {
   font: inherit;
   color: white;
   text-decoration: inherit;
}
a.navi:visited {
   font: inherit;
   color: white;
   text-decoration: inherit;
}
a.navi:hover {
   font: inherit;
   color: white;
   text-decoration: inherit;
}
a.navi:active {
   font: inherit;
   color: white;
   text-decoration: inherit;
}
a:link {
   font: inherit;
   color: #2b4b6f;
   text-decoration: inherit;
}
a:visited {
   font: inherit;
   color: #2b4b6f;
   text-decoration: inherit;
}
a:hover {
   font: inherit;
   color: #2b4b6f;
   text-decoration: inherit;
}
a:active {
   font: inherit;
   color: #2b4b6f;
   text-decoration: inherit;
}

.footerContact {
   display: table;
   margin: auto;
}
.contactInfo th, td {
   text-align: center;
   width: 20vw;
}
.phoneIcon {
   margin: auto;
   height: 40px;
   display: block;
   background:transparent url('../images/phone.png') center top no-repeat;
   -o-background-size: auto 100%, auto;
   -moz-background-size: auto 100%, auto;
   -webkit-background-size: auto 100%, auto;
   background-size: auto 100%, auto;
}
.emailIcon {
   margin: auto;
   height: 40px;
   display: block;
   background:transparent url('../images/email.png') center top no-repeat;
   -o-background-size: auto 100%, auto;
   -moz-background-size: auto 100%, auto;
   -webkit-background-size: auto 100%, auto;
   background-size: auto 100%, auto;
}
.addressIcon {
   margin: auto;
   height: 40px;
   display: block;
   background:transparent url('../images/address.png') center top no-repeat;
   -o-background-size: auto 100%, auto;
   -moz-background-size: auto 100%, auto;
   -webkit-background-size: auto 100%, auto;
   background-size: auto 100%, auto;
}

/* Constrain content */
@media all
   and (min-width: 1400px) {
      .content {
         width: 80%;
	  }
}