html, body {
	margin:auto;
    padding:0;
    width:100%;
    height:100%;
   } 
body {
    background-color:#fadec8;
	width:90%;
    margin:auto;
    background-image: url('../images/smile blur 2.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:contain;
    background-position:center; 
}
header{
	margin-top: 10px;
	width:100%;
  	height:30%;
}
nav {
	display: inline;
}
nav ul li {
  	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"Sans;
  	color:#3f95fc;
  	font-size:2vw;
  	display:inline-block;
 	text-align:center;
  	font-weight:bold;
	padding: 20px 10px 10px 20px;
}
nav ul li a:link, nav ul li a:visited {
  color: #6857fa;
  text-decoration:underline;
 }
 
nav ul li a:hover {
  color:#f58493;
}
#home{
	margin-left: 20%;
}
h1{
	float:left;
	font-size: 1.5vw;
	margin-left:10%;
	font-weight:bold;
    font-family: Comic Sans;
	color:#3f95fc;
}
.line {
	border: 3px solid gray;
	width:auto;
}
main{
	height:40%;
	width:90; 
	
;
}
h2{
	font-size: 5vw;
    color:#0818eb;
	margin-left:10%;
}

img.smile, .cute{
	float:right;
	padding: 0px 10px;
	clear:inherit;
}
aside{
	position:center;
  	margin: 0% 10% 5% 10%;
  	border-color:transparent;
}
p{
	font-size:1.80vw;
	color:#003399;
	
}
p.box{
	text-align:left;
	font-size:2vw;
	color: #676CFA;
	font-weight:bold;
}
#disclaimer{
	font-size:1.5vw;
	font-weight:bold;
    font-family: Comic Sans;
	color:#003399;
}
#content {
    height:100%;
	width: 100%;
    overflow:hidden;
	margin:auto;
}
#writing{
	margin-left:10%;
    padding-top:10px;
	height:80%;
    width:25%;
    float:left;
}
#prices {
	height:100%;
 	width:50%;
    font-family: verdana;
    color:#136fd1;
    float:right;
    overflow:auto;
}

section{
	border:dashed;	
}

h3, h4{
	text-align:center;
	font-size:2.5vw;
}
figure {
	display:inline-block;
	width:20%;
}
figcaption{
	font-weight:bold;
	text-decoration: underline;
	color:#136fd1;
}
#article{
	padding-top:10px;
	height:40%;
	margin-bottom:15%;
}
h3, h4, h5, caption, label {
  font-size:2.25vw;
  font-weight:bold;
  font-family: Comic Sans;
  color:#3f95fc;
}
h6{
	color:#676CFA;
	font-size:2vw;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight:bold;
	text-decoration:underline;
}
table,th, td, .text{
  	border-spacing:3em;
	color:#003399;
	text-align:center;
  	font-family: 'Trebuchet MS','Helvetica';
  	font-size: 1.5vw;
  	font-style: italic;
}
footer 
{
	width:100%;
  	font-family: Lucida Sans;
  	color:#003399;
  	font-size:1.5vw;
	margin-top:10px;
}
#home1 {
	margin-left:30%;
}

p.form{
	font-weight:bold;
	color:#0458bd;
}
.contactform {
    margin-top: 25%;
	margin-left:10%;
	padding:10px;
    height: auto;
	width:40%;
    border: thin ridge #E10F13;
}
#map {
    border: medium solid #676CFA;
	width:45%;
	float:right;
	overflow:auto;
}
.contactbox{
	display:flex;
	width:100%;
}
.footer {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: small;
    font-style: italic;
    text-decoration: overline blink;
    letter-spacing: normal;
    text-align: center;
    word-spacing: normal;
}
#datepicker {
	margin-top:10px;
	color:red;
	border: 2px solid #676CFA;
	padding:5px;
}
#general, #cosmetic, #surgical {
	margin:0% 10%;
	overflow:hidden;
	background-color:transparent;
}
.container {
	width:90%;
}
#treatment{
	width:80%;
	margin:0% 20%;
	background-color:transparent;
}
#intro{
	font-size:1.25vw;
	font-weight:bold;
    font-family: Comic Sans;
	color:#003399;
}

.nav-pills {
	font-size:2vw;
	font-weight:bold;
}