/*  Stylesheet   */

/* Fonts */

@font-face {
    font-family: Gotham-Bold;
    src: url('../fonts/Gotham-Bold.otf');
}
@font-face {
    font-family: Gotham-Medium;
    src: url('../fonts/Gotham-Medium.otf');
}
@font-face {
    font-family: Gotham-Book;
    src: url('../fonts/Gotham-Book.otf');
}
@font-face {
    font-family: Gotham-Light;
    src: url('../fonts/Gotham-Light.otf');
}
@font-face {
    font-family: Gotham-LItalic;
    src: url('../fonts/Gotham-LightItalic.otf');
}


/*  Body  */

body {
  font-family: 'Gotham-Book', 'Montserrat', sans-serif;
  background-color: #fff;
  color: #195d85;}

h1, h2, h3 {font-family: "Gotham-Medium", 'Montserrat', sans-serif;
		    margin: 0;}

p {font-family: 'Gotham-Book', 'Montserrat', sans-serif;
   font-size: 15px;}

span.bold {font-family: 'Gotham-Medium', 'Montserrat', sans-serif;}

.orange {color: #f28130;}
.navy {color: #195d85;}

.row {
	margin:0 !important; 
}

/* Top Bar - Brand Logos */

.top-bar {padding-top: 0.7em;
		  padding-bottom: 5px;}

/* Header */

.wrapper {} 
.container {padding: 0;
		    margin: 0;}
.wrapper .container {text-align: center;width:100%;}


.header-row {background-color: #195d85;
			 color: #fff;
             padding: 20px 0;
             margin: 0;}
.promo-container {margin-top: 30px;
				  display: flex;
				  flex-flow: column wrap;}
.promo-header {margin: 0 auto;
			 }
.promo-info {width: 100%;
			 max-width: 650px;
			 margin: 0 auto;
			 padding: 15px 0;}

.promo-info p {font-family: 'Gotham-Light', 'Montserrat', sans-serif;
			   font-weight: 300;
			   font-size: 16px;}
#heading {
	text-align: center;
	line-height: 1em;
	padding: 12px 0;
	white-space: nowrap;
}

#heading h2 {font-family: 'Gotham-Medium', 'Montserrat', sans-serif;
			 font-size: 36px;
			 padding-left: 10px;
	    	 text-transform: uppercase;}
#heading h2.thin {font-family: 'Gotham-Light', 'Montserrat', sans-serif;
				  font-size: 32px;
				   padding-left: 0;}
#heading p {font-family: 'Gotham-Book', 'Montserrat', sans-serif;
	      font-size: 16px;
	      color: #fff;}

.megaphone-icon {width: 22%;
				 float: left;
				 text-align: right;
				 margin-right: 3%;}
.megaphone-icon img {width: 100%;}

.promo-logo {width: 100%;}
.fyi-logo-white {width: 25%;
				 max-width: 140px;}


/* Clinic Name & Info */

.white-row {padding: 35px 0;}

h3 {font-size: 28px;
	margin-bottom: 0.5em;}		
.clinic-info-container {display: flex;
					    flex-flow: column wrap;}
.clinic-info-header {margin: 0 auto;}
.clinic-info-body {width: 100%;}
.clinic-info-body p {max-width: 800px;
					 font-size: 15px;
					 margin: 0 auto;}		 

/* Banner Image */

#banner-image {max-height: 350px;
			   min-height: 300px;
			   background-image: url('../images/FYidoctors-587230026.jpg');		   
			   background-position: center -150px;
			   background-size: cover;
			   background-repeat: no-repeat;
			   margin: 0;}


/*  Find Visit Us Row */

#booking-row {width: 100%;
			  padding: 30px 15%;
			  display: inline-block;}
#booking-row .column {width: 50%;}
#booking-row .text-left p {font-size: 22px;}

#book-appointment-text {padding-left: 8%;
 				        white-space: nowrap;}

#book-appointment-text span {font-family: 'Gotham-Medium', 'Montserrat', sans-serif;}

#book-appointment-text a {font-family: 'Gotham-Light', 'Montserrat', sans-serif;
						  text-decoration: none;
						  font-size: 18px;
					      color: #195d85;}

.cta-btn {font-family: 'Gotham-Light', 'Montserrat', sans-serif;
		   color: #FFF;
		   background: #f28130;
		   font-size: 24px;
		   margin-top: 20px;
		   border-radius: 12px;
		   padding: 10px 18px;
		   display: inline-block;
		   white-space: nowrap;
		   text-transform: uppercase;}
#booking-row a:hover {text-decoration: underline;
					font-family: 'Gotham-Book', 'Montserrat', sans-serif;
					font-weight: 400;}
.cta-btn:hover, .cta-btn:focus, .cta-btn:active {color: #FFF;
											     text-decoration: none !important;
											 	 background-color: #ff8f39;}

.btn-arrow.glyphicon {top: 2px;}


/* Footer */

footer {
  background-color: #195d85;
  padding: 25px;}


.container.footer-wrap {margin: 0 auto;}

.footer-wrap p {font-family: "Gotham-Light", 'Montserrat', sans-serif;
				color: #FFF;}

.footer-heading {font-size: 18px;
				 margin-bottom: 35px;}

.footer-level1 {margin-bottom: 20px;
			    padding: 15px 6%;}

	.footer-nav a {font-family: "Gotham-Book", 'Montserrat', sans-serif;
				   color: #FFF;
				   font-size: 14px;
				   text-decoration: none;
				   }
	.footer-nav a:hover {color: #ff9432;}

	.footer-nav ul li {list-style: none;}

	.doctors-left {text-align: left; color:#fff;}
	.doctors-center {text-align: left; color:#fff;}
		.align-center {margin: 0 auto;
					   width: 60%;}
	.doctors-right {text-align: left; color:#fff;}

.footer-level2 {padding: 35px 0;
			    padding-left: 10%;
				border-top: 1px solid #80a5ba;
				border-bottom: 1px solid #80a5ba;}

	.footer-address {font-family: 'Gotham-Book', 'Montserrat', sans-serif;
					 font-weight: 400;
					 text-align: left;
					 max-width: 480px;}
	.footer-address span.bold {font-size: 16px;}
	.footer-text {font-family: 'Gotham-Light', 'Montserrat', sans-serif;
					 font-weight: 300;
					 text-align: left;
					 max-width: 480px;
				 	 margin: 0 auto;}

.copyright {text-align: left;
		    padding: 0 15%;}

.doc-logo {float: left;
		   margin-top: 5px;
		   margin-right: 30px;
		   width: 150px;}

.copyright p {color: #fff;
			  text-align: left;
			  float: left;
			  margin: 5px 0 0 0;}
.copyright-row .fine-print {font-size: 13px;}

.copy-right {float: right;}


/* Media Queries */

@media screen and (min-width: 2100px) {
	#banner-image {background-position: center -170px;}
}

@media screen and (max-width: 1700px) {
	#banner-image {background-position: center -90px;}
}	

@media screen and (max-width: 1200px) {
	#banner-image {background-position: center;}
}	

@media screen and (max-width: 1080px) {
	#booking-row .column {width: 100%;
						  padding: 0;
						  text-align: center;}
}	

@media screen and (max-width: 800px) {
	.white-row {padding: 30px 10%;}
	.promo-info {max-width: 450px;}
	#heading h2.thin {font-size: 23px;}
	#heading h2 {font-size: 26px;}

	#booking-row {padding: 30px 5%;}
	.footer-level1 {padding: 15px 0;
				    margin-bottom: 0;}
	.footer-heading {margin-bottom: 12px;}
	.footer-nav .col-xs-4 {width: 100%;
						   margin-bottom: 0;}
	.doctors-left {text-align: center;}
	.doctors-center {text-align: center;}
	.doctors-right {text-align: center;}

	.footer-level2 {padding: 15px 0;
					padding-left: 0;}
	.footer-level2 .col-sm-8, .footer-level2 .col-sm-4 {width: 100%;}
	.footer-address, .footer-text {text-align: center;}
	.footer-address p.address {margin-bottom: 0;}
	.footer-level2 p br {display: none;}

	.copyright-row .fine-print {font-size: 10px;}
}	

@media screen and (max-width: 450px) {
	.header-row {padding: 20px 15px;}	

	#heading {white-space: normal;}
	#heading h2.thin {font-size: 25px;}
	#heading h2 {font-size: 25px;}
	.cta-btn {font-size: 15px;}

	.white-row {padding: 35px 15px;}
	.clinic-info-header h3 {font-size: 22px;}
	.clinic-info-body p {font-size: 14px;}

	#booking-row {padding: 30px 5%;}
	#booking-row .text-left p {font-size: 20px;}
	#book-appointment-text a {font-size: 13px;}
	#book-appointment-text {white-space: normal;}
	#book-appointment-text a {font-family: 'Gotham-Book', 'Montserrat', sans-serif;
						      font-size: 16px;}
	.copyright {padding: 10px 10px;}
	.copyright-row {max-width: 100%;}
	.doc-logo {width: 40%;
			   margin-right: 5%;}
	.copyright-row .fine-print {width: 55%;}
	.copy-right {width: 100%;}
	.copy-right p.fine-print {text-align: center;
							  float: none;
							  margin-top: 15px;}

}