html, body, h1 {
  margin: 0;
  padding: 0;
  font-family: 'Libre Baskerville', sans-serif;
}
.container {
  max-width: 940;
  margin: 0 auto;
  margin-top: 30px;
}
.cursive {
  font-family: sans-serif;
  font-weight: 300;
  color: #AB9D67;
  float: center;
/*  margin-right: 20px; */
}
.copyright {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: -10px;
  color: #D9DDDE;
}
/* Header */

.header {
  padding: 30px 0px 80px;
  display: inline;
}
.header h1 {
  color:#2D6087;
  float: left;

}
.header img {
  width: 100px;

}
.logo-home {
  width: 100px;
  margin-right: 80px;
}
.logo-tabs {
  width: 100px;
  margin-right: 30px;
  padding-left: -50px;
}

/* NAVIGATION ---borrowed---------BEGIN---------------------*/

.nav {
  position:relative;
  display:inline-block;
  font-size:14px;
  font-weight:500;
}
.nav-list {
  list-style: none;
}
.nav-item {
  float:left;
  *display:inline;
  zoom:1;
}
.nav-item a {
  display:block;
  padding:15px 20px;
  color:#000;   /* black */
  /*background:#34495E; */
}

#nav-current {
  background-color: #77C0E5;
  border-radius: 5px;
}

 /*  HOME PAGE  ----------------------*/

.home {
  padding: 40px;
}
.home-address  {
  margin-top: 30px;
  padding-left: 100px;
}
.home-hours {
  margin-left: 100px;
}
.home-img {
  padding-bottom: 7px;
  margin-right: -30px;
  margin-left: -30px;
  margin-top: -4px;
  width: 100%;
  height: auto;
}
.home-img-2 {
  height: 75%;
  width: 75%;
  margin-bottom: -2px;
  margin-left: 60px;
}
.hometext {
  line-height: 1.75;

}

.earphone {
  color:#2D6087;
  font-size: 16px;
}
#home-name {
  font-family: 'Libre Baskerville', sans-serif;
  color:#2D6087;
  margin-top: 30px;
  text-align: center;
}
#center {
  position: relative;
}

/* NAVIGATION ---borrowed------END------------------------*/


.nav li a {
  /*color: #333; */
  margin: 0;
  border: 0px;
}
.header1 {
  background-color: #ffffff;
}
.header .main {
  font-size; 28px;
  background-color: #77C0E5;  /*hightlights when on page */
  border-radius: 5px;
}
/* Mid section of page and additional navigation -------  */
.main {
  background-color: #D9DDDE;  /*light gray */
}

.supporting {
  background-color: #AB9D67;
  margin-top: -7px;
}

.main-home ul {
  list-style: none;
  padding: 20px 50px 0 0;  /*controls the width of the box */
  margin-right: 50px; /* essential to show border */
}
.main-home li {
  padding: 5px;
  margin: 20px;
  border-style: groove;
  border-radius: 5px;
  border-color: #DEDEBB; /* gold-yellow from nerves in home page image */
}
.main-about  {
  list-style: none;
  padding-left: 20px;
}
.main-about li {
  font-size: 12px;
}
.about p  {
  font-size: 12px;
  text-align: justify;
  padding-right: 20px;
}
.container-hours {
  margin-right: 70px;
}
.hours li{
  list-style: none;
}
.hours h2 p{
  margin-right: 30px;
}
.hours img {
  margin-bottom: 6px;
  max-width: 100%;
  max-height: 100%;
  border-style: groove;
  border-width: thin;
  border-color: #77C0E5;
}
.page-content p {
  text-align: left;
  font-size: 12px;
  margin: 20px 20px 0 0;
}
.page-content li {
  text-align: left;
  font-size: 12px;
  margin: 20px 20px 0 0;
}
.img-gard {
  max-width: 100%;
  height: auto;
}
.footer {
  background-color: #303030;  /* dark gray */
  padding: 20px 0 20px 100px;
  color: #fff;
}
.footer ul {
  list-style: none;
  padding-left: 150px;
  margin-top: 20px;
}
.footer li a {
  font-size: 12px;
  font-weight: 400;
  color: #D9DDDE;
}
.footer-minor {
  text-align: center;
  font-family: sans-serif;
  font-weight: 300;
  color: #AB9D67;

}
#menu-current {
  background-color: #77C0E5; /* blue to highlight selection */
  font-size: 15px;
  color: #000;
}

.footer-home {
  margin-top: -6px;
}

/* CONTACT PAGE ------------- CONTACT PAGE ------------*/

.contact p{
  padding:inherit;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}
.contact-hdr {
  font-size: 16px;
  font-weight: 900;

  margin-bottom: 8px;
  margin-left: 20px;
}
.contact img {
  max-height: 100%;
  width: auto;
}

fieldset {
  background-color: #BDCCEB; /*periwinkle :-) */
  margin-left: 20px;
  width: auto;
  border-radius: 10px;
  border-color: #AB9D67; /*ensignia gold */
  border-style: groove;
  border-width: thick;
}

fieldset label {
  display: inline-block;
  margin: 4px 25px 2px 10px;
  font-size: 12px;
}
fieldset input {

  margin-left: -28px;
  font-size: 12px;
}
.phone {
  width: 32px !important;
  margin:auto;
  padding: inherit;
}
.phone-area {
  margin-left: -28px;
}
.email input {
  margin-left: -28px;
}
.howheard {
  margin-left: 20px;
}

.contactoption {
  margin-left: 20px;
}
.comments {
  margin-left: 20px;
}
.services {
  width: 150px !important;
}

.google_map {
  float: right;
  padding-right: 80px;
  margin: auto;
}
.contact-pad-top {
  padding-top: 30px;
}
.required {
  color: red;
  font-size: 20px;
  font-weight: 400;
}
#info {
  padding-left: 80px;
}
#map {
  height: 300px;
  width: 400px;
  border-width: medium;
  border-color: #2a2a89;  /*deep purple */
  border-style: groove;
  border-radius: 10px;
  float: right;
  margin-bottom: 100px;
  margin-right: 20px;
  margin-left: 10px;
}
#fname, #lname {
  width: 100px;
}
#email {
  width: 200px;
}
/* SPECIALTY PAGE */
.img-right {
  max-height: 100%;
  margin: 20px, 30px, 20px 20px;
}
.img-left {
  max-height: 100%;
  margin: 20px 20px 20px 30px;
}

.specialties-p {
  margin: 30px ;
}
.specialties-h2 {
  text-align: center;
  padding-top: 20px;
}


/* SERVICES PAGE */
.overview {
  padding: 40px 40px 0 40px;
}
.overview h2 {
  text-align: center;
  margin-top: -20px;
}

.overview img {
  max-width: 65%;
  padding: 5px;
  margin: 20px;
}
.our-services {
  margin: 0 60px 0 60px;
}

/* INFORMATION PAGE */
.info-images p {
  margin: 10px 20px 0 20px;
  font-size: 12px;
  text-align: justify;
}
.info-images img {
  max-width: 100%;
  max-height: 100%;
  margin: 20px;
  border-style: double;
  border-width: medium;
  border-color: black;
}
.info-images h2, h3, h5{
  text-align: center;
  padding-top: 20px;
}
.info-images h4 {
  float: left;
  margin-left: 20px;
}
.info-small {

  display: inline-block;
}


/* MEDIA RESPONSIVENESS -------------------------  */

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:40px 0 0;
    background-color: #ffffff;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
    float:none;
	}
	.nav-item a {
		/*background:#34495E; */
		padding:10px;
    color: #ffffff;
	}
	.nav-item:first-child a {
		border-radius:5px 0 0;
	}
	.nav-item:last-child a {
		border-radius:0 0 5px 5px;
	}
	.nav-active {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
}