/*
	Theme Name: Laith Jazrawi MD
	Theme URI: http://www.yourpracticeonline.net
	Description: This theme is completely compatible with WordPress 4.0
	Author URI: http://www.yourpracticeonline.com.au
	Version: 1.0
*/
/* ------------------------------ Fonts CSS ------------------------------ */
@import url('fonts.css');
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Gabriela:400,300,500,600,700);
/* ------------------------------ Global CSS ------------------------------ */
body {
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	background: url(images/landing-page-bg.jpg) repeat 0px 0px;
	font-family: 'Raleway', sans-serif;
 *overflow-y:none;
}
img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px;
	padding: 0px;
}
ul, ol {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style: none;
}
a, a:hover {
	text-decoration: none;
	outline: none !important;
}
/* ------------------------------ General CSS ------------------------------ */
.hr {
	height: 10px;
	background: url(images/hr.gif) repeat-x left center;
}
.clear-float {
	clear: both;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.videoBorder {
	border: 4px solid #333;
}
/* ------------------------------ Main CSS ------------------------------ */
#Container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	position: relative;
	float: left;
}
#Header, #Footer, .Container-Main {
	max-width: 960px;
	min-width: 320px;
	position: relative;
	margin: 0px auto;
}
.Container {
	width: 100%;
	clear: both;
	float: left;
}
.Container-Main {
	background: url(images/landing-main-bg.jpg) no-repeat center top;
	position: relative;
	height: 750px;
}
header {
	padding: 80px 0px 0px 35px;
}
.qoute-section {
	float: left;
	width: 515px;
	margin: 40px 0 0 0;
}
.qoute-section h1 {
	width: 100%;
	text-align: center;
	color: #3497b2;
	font: 400 55px/53px 'GabriolaOne';
}
.enter-site {
	margin: 30px auto 60px auto;
	text-transform: uppercase;
	width: 150px;
	text-align: center;
	font: 700 18px/35px "Raleway", sans-serif;
}
.enter-site a {
	display: block;
	border-radius: 40px 40px 40px 40px;
	background: #f1399c;
	color: #FFF;
}
footer {
	width: 90%;
	margin: 20px auto 0px auto;
}
footer a {
	color: #666;
}
.contact-section {
	float: left;
	width: 100%;
	padding: 15px 0 15px 0px;
	font: normal 20px/26px "Raleway", sans-serif;
	color: #666;
	border-top: 1px solid #bbbebd;
	border-bottom: 1px solid #bbbebd;
	margin: 0 0 50px 0;
	text-align:center;
}
.contact-section img {
	margin:0px 10px 0px 0px;
}
.phone-main, .fax-main {
	float: left;
	width: 50%;
}
.email {
	font: 300 18px/28px "Raleway", sans-serif;
}
.email a {
	color: #333 !important;
}
.general-appointment img, .email img {
	float: left;
	margin: 5px 10px 0 0;
}
footer p {
	font: 400 13px/18px "Raleway", sans-serif;
	color: #aaa;
	margin: 0px 0px 15px 0;
}
/*-------------Media Query Starts Here--------------*/
@media screen and (max-width : 768px) {
#Home-Container {
	background-position: 0px 0;
	background-size: 120% 100%;
}
}
 @media screen and (max-width : 640px) {
.phone-main, .fax-main {
	float:none;
	width: auto;
	margin: 10px auto;
}
.contact-section .clear-float {
	display: none;
}
 }
 @media screen and (max-width : 520px) {
header {
	padding: 40px 0px 20px 0px;
}
.logo {
	text-align:center;
	width: 90%;
	margin:0px auto;
}
.qoute-section {
	width:90%;
	float: none;
	margin: 50px auto 0px auto;
}
footer a {
	color: #333;
}
}