@charset "utf-8";
/* CSS Document */

@media screen and (max-width : 640px ){
	
/* =============================================================================
   LEMONADE
   ========================================================================== */
	
.frame {
  	margin: 0 20px;
  	max-width: 100%; 
}
.bit-33 {
	width:100%;
}
.bit-66 {
	width: 100%;
}
	
/* =============================================================================
   BASIC
   ========================================================================== */
	
h1 {
	font-size: 30px;
}
h2 {
	font-size: 19px;
}
h3 {
	font-size: 18px;
}
p {
	font-size: 15px;
}
.phoneLink a {
	cursor: pointer;
}

/* =============================================================================
   HEADER
   ========================================================================== */

header {
	background-color: #1a2b49;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	height: 60px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 900;
}
.headerLogo {
	margin-top: 10px;
	width: 180px;
}	
	
/* =============================================================================
   HERO IMAGE
   ========================================================================== */

.random_bg{
	margin-top: 70px;
	padding-top: 38%;
	position: relative;
    width: 100%;
}
.random_bg_1200{
	margin-top: 70px;
	padding-top: 55%;
	position: relative;
    width: 100%;
}
.random_bg_640{
	margin-top: 60px;
	padding-top: 75%;
	position: relative;
    width: 100%;
}
#random_1920 {
	display: none;
}
#random_1200 {
	display: none;
}
#random_640 {
	display: block;
}
	
/* =============================================================================
   BLUE BOX
   ========================================================================== */

.blueBox {
	background-color: #1a2b49;
	margin-top: -20px;
	padding: 25px 0 35px 0;
	position: relative;
	z-index: 300;
}
.blueBox h2 {
	color: #fbc5c5;
}
.blueBox p {
	color: #fbc5c5;
}
.moreIndent {
	padding: 0 0;
}
	
/* =============================================================================
   DOCTOR DETAILS
   ========================================================================== */

.info {
	background: #1a2b49;
    padding: 10px 20px 15px;   
}
.rightPadding {
	text-align:center;
}
.rightPadding img {
	max-width:100%;
	margin-top:10px;
	padding-right:0;
}
.rightPadding p {
	padding-right:0;
}
.rightPadding h2 {
	padding-right:0;
}
.doctorVideo {
	max-width: 100%;
	padding: 0 10px 30px 10px;
	text-align: center;
}
.tablink {
  font-size: 14px;
}
	
/* =============================================================================
   FOOTER
   ========================================================================== */

.footerLogo {
	width: 250px;
}
	
}