body {
text-align:center;
font-family: 'Lato', sans-serif;
background-color: lightgray;
}

a:link {color:#3E446D;text-decoration:none;}
a:visited {color:#3E446D;}
a:hover {color:#FFCC99;}
a:active {color:#3E446D;}


.maxwidth {width:900px;}

#masthead {
    background:#A4C6F1;
    text-align:center;
    margin:auto;
    margin-top:40px;
    padding:30px 0 20px 0;
    }
#logo {width:81%;} /* of the masthead */

#address { font-size:1.05em;margin-bottom: 20px;}
#address a:link  {color:black; text-decoration:none;}
#address a:visited {color:black;}
#address a:hover {color:white;}
#address a:active {color:black;}
#address li {display:inline;}   /*horiz */
.spacer:after {content:"|";margin:0 8px 0 8px;}

#make-apo-btn {
	width: 100%;
	height: auto;
}
#make-apo-btn a {
	display: block;
	width: 230px;
	padding: 10px;
	background: #4475AF;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	border-radius: 6px;
	transition: all .3s;
	border: 1px solid #fff;
}
#make-apo-btn a:hover {
	background: #A4C6F1;
	border: 1px solid #fff;
}

/* NAV */
#navbar {
    margin:auto;
    padding:0 0 0 0;
    }

#nav ul > li {  display: inline; margin:0 20px 0 10px;}

#nav {
    margin: 0;
    padding: 3px 0 3px 0;
    list-style: none;
    font-size:.9em;
    font-family: 'Merriweather Sans', sans-serif;
    background: #4475AF;
}

#nav a {color:white;font-weight: bold;}
#nav a:hover {    color: #FF9912 ;text-decoration: none;}


/* CONTENT */
#contentenclosure {margin:auto;background-color: white;}

.content {
    background-color:white;
    margin:auto;
    text-align:center;
    margin:auto;
    padding:30px 0 40px 0;
    font-size:1em;
    font-weight:normal;
    text-align:justify;
    color:black;
    width:85%;
    margin:auto;
    min-height:400px;
    }

#footer {
    border-top-style:solid;
    border-width:0.1px;
    border-color: #4475AF;
    font-size:13;
    font-weight:normal;
    text-align:center;
    color: black;
    font-family: 'Merriweather Sans', sans-serif;
    padding:10px 0 40px 0;
    margin:auto;

}


/* HOME */
#homepage {width:100%;margin:auto;}
#docpic {float:right;margin-left:40px;}
#boardcertified {font-size:15;font-family: 'Merriweather Sans', sans-serif;    color: #3E4981;margin-top:4em;}

/* PATIENTS */
#patients {
    text-align:center;
    }

/*SERVICES */
#services {margin-left:6em;}
#foot {float:right;margin: 10px 10px 0px 10px;}
#footmobile {display:none;}

/*REVIEWS */
#reviews {text-align:center;}
.rev-row {    display: table;  text-align:center;margin:auto;}
.rev-col {    display: table-cell;padding:20px;}
}

/* OFFICE */
.office-row {    display: table;  text-align:center;margin:auto;}
.office-map, .office-hours {    display: table-cell;padding:40px;vertical-align:middle;margin:auto;}
.map {width:300;height:225;}
  .day {display:table-cell;width:85;text-align: left;}
   .hours {display:table-cell;text-align: left;}
.starred {display:table-cell;text-align: left;}

/* Our Doctors */
#our-doctors .ttl {
	text-align: center;
}
.doctors-li {
	width: 100%;
	padding-left: 0;
}
.doctors-li li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	list-style: none;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.doctors-li li .txt-box {
	width: 75%;
	height: auto;
}
.doctors-li li .txt-box .dsp {
	margin: 0 0 30px;
}
.doctors-li li .txt-box .license{
	color: #3E4981;
	font-weight: bold;
	margin: 0 0 0 0;
}
.doctors-li li .img-box {
	width: 20%;
	height: auto;
}
.doctors-li li img {
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 700px) {
	#homepage {
		width:100%;
		margin:0 auto;
	}
	.maxwidth {
		width: 100%!important;
		max-width: 100%!important;
		margin: 0 auto;
	}
    #make-apo-btn {
	    margin-top: 10px;
	    margin-bottom: 30px;
	}
    #make-apo-btn a {
	    width: 80%;
	    font-size: 1.4em;
	    padding: 15px 10px;
	}
	.doctors-li li .img-box {
		order: 1;
		width: 50%;
		margin: 0 auto 30px;	
	}
	.doctors-li li .txt-box {
		order: 2;
		width: 80%;
		margin: 0 auto;
	}
}