html {
	
	background-color: #6699FF; /*#1919FF;*/ /*#004D99;*/
}



html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */

}



html,body {
   
	margin:0;
   
	padding: 0;
   
	height:100%;
   
	width: 100%;
          
}



* {
    
box-sizing: border-box;
  
}


.topnav a {
  display: none;
}


/* tablets */

@media only screen and (min-width: 600px) {

					  

}
	
				  

/* desktop */

@media only screen and (min-width: 768px) {



body {margin:0;}

.topnav {
  overflow: hidden;
  background-color: #6699FF; /*#1919FF;*/ /*#004D99;*/
}

.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: georgia;
}

.topnav a:hover {
  background-color: #ffffff;
  color: #9494b8;
}

.topnav a.disable:hover {
  background-color: #ffffff;
  color: #9494b8;
}

.principle1 {
    width: 20%;
    float: left;
    padding: 55px;
    text-align: center;
    color: #ffffff;
}

.principle2 {
    width: 20%;
    float: left;
    padding: 55px;
    text-align: center;
    color: #ffffff;
}

.med_symbol {
    text-align: center;
    float: left;
    padding: 55px;
    width: 20%;
    height: auto;
}		

.principle3 {
    width: 20%;
    float: left;
    padding: 55px;
    text-align: center;
    color: #ffffff;
}

.principle4 {
    width: 20%;
    float: left;
    padding: 55px;
    text-align: center;
    color: #ffffff;
}

.def_index {
    width: 100%;
    float: left;
    padding: 5px;
    padding-left: 15%;
    padding-right: 15%;
    color:  #5c5c8a; /*#1919FF;*/ /*#004D99;*/
    background-color: #e6ccb3;

}

.hours_index {
    width: 33.3%;
    float: left;
    color: #5c5c8a; /*#9494b8;*/
    background-color: #ffffff;
    font-family: georgia;
    padding: 14px;
    padding-left: 10%;
    height: 35%;
}

.phone_index {
    width: 33.4%;
    float: left;
    color: #5c5c8a;
    background-color: #ffffff;
    font-family: georgia;
    text-align: center;
    padding: 14px;
    height: 35%;
}

.location_index {
    width: 33.3%;
    float: left;
    color: #5c5c8a; /*#9494b8;*/
    background-color: #ffffff;
    padding: 25px;
    padding-left: 10%;
    height: 35%;
    font-family: georgia;
}

.copyright {
    color: #9494b8;
}
		  
.location_gap1 {
width: 14.5%;
float: left;
left: -300px;
height: 72.3%;
}

.location_gap2 {
width: 4.5%;
float: left;
height: 72.3%;
}

.location_gap3 {
width: 14.5%;
float: left;
height: 72.3%;
}

img {
float: left;
position: relative;
padding-bottom: 4%;
width: 100%;
height: auto;
}

iframe {
float: left;
position: relative;
max-width: 100%;
max-height: 100%;
}

.block_4a {
    width: 24%;
    float: left;
    color: #9494b8;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #ffffff;
    border: 6px solid #e6ccb3;
    height: 80%;
}

.block_4b {
    width: 42%;
    float: left;
    color: #9494b8;
    padding-left: 1%;
    background-color: #ffffff;
    border: 6px solid #e6ccb3;
    height: 80%;
    overflow: hidden;

}

.location_spacer {
    height: 300px;
    border: 8px solid  #6699FF; /*#1919FF;*/ /*#004D99;*/
}

footer {
    color: #9494b8;
float: left;
width: 100%;
text-align: center;
background-color: #ffffff;
}