Your IP : 3.145.69.65

Current Path : /home2/church/public_html/comparefloridarates.com/css/
Upload File :
Current File : //home2/church/public_html/comparefloridarates.com/css/style.css

body {
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color:#2b2f37;
}
img {
	height: auto;
	max-width: 100%;
}
h1 {
	font-size:14px;
	line-height:20px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}
h1 strong {
	font-weight:900;
}
h2 {
	font-size:40px;
	line-height:46px;
	text-align:center;
	color:#2b2f37;
	font-weight:700;
}
h2 strong {
	font-weight:900;
	text-decoration:underline;
	color:#31a1e3;
}
h3 {
	font-size:30px;
	line-height:36px;
	text-align:center;
	color:#31a1e3;
	font-weight:400;
	padding:0 0 10px;
	background:url(../images/underline.gif) no-repeat center bottom;
	margin:0 0 20px;
}
a {
	color:#31a1e3;
	text-decoration:underline;
}
p {
	font-size:14px;
	line-height:22px;
}
.wrapper {
	width:100%;
}
header {
	background:#23b743;
	padding:15px 0 10px;
}
.header-bottom {
	background:#31a1e3;
	padding:10px 0;
	min-height:90px;
}
a.phone-no{font-weight:900; color:#fff; text-decoration:none;}
.navbar-light .navbar-nav .nav-item > .nav-link {
	color:#fff;
	text-decoration:none;
}
.navbar-light .navbar-nav .active > .nav-link {
	font-weight:bold;
}
.navbar-toggleable-md .navbar-nav .nav-link {
	padding-left: 1.5rem;
	padding-right: 0.5rem;
}
.hero {
	width:100%;
	min-height:730px;
	background:url(../images/body-bg.jpg) no-repeat center top;
	background-size:cover;
}
.hero-hurricane {
	width:100%;
	min-height:730px;
	background:url(../images/hurricane-bg.jpg) no-repeat center top;
	background-size:cover;
}
.main {
	width:810px;
	margin:90px auto 0;
}
.main-left {
	width:430px;
	float:left;
	padding:15px;
	background:#31a1e3;
	min-height:230px;
}
.main-left h2 {
	font-size:36px;
	line-height:40px;
	color:#0c0e10;
}
.main-left h2 span {
	color:#fff;
}
.main-right {
	width:380px;
	float:left;
	padding:15px;
	background:#2b2f37;
	min-height:230px;
}
.main-right h2 {
	font-size:30px;
	line-height:36px;
	color:#31a1e3;
	text-align:left;
}
.main-right h2 span {
	color:#fff;
	font-weight:300;
}
.main-right p {
	font-size:13px;
	line-height:20px;
	margin:0 0 10px;
	color:#fff;
}
.form-elem {
	overflow:hidden;
	margin:0 0 10px;
}
.form-elem input[type="text"] {
	font-family: "Lato", sans-serif;
	width:170px;
	height:40px;
	line-height:30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	font-size:12px;
	border:none;
	padding:0 10px;
	color:#2b2f37;
	border:1px solid #9fa1a4;
}
.btn-primary {
	background:#31a1e3;
	font-size:13px;
	font-weight:900;
	width:100%;
	border:none;
}
.content-top {
	width:100%;
	background:#0c0e10;
	padding:15px 0;
}
.content-top p {
	color:#fff;
	margin-bottom:0;
}
.content-bottom {
	width:100%;
	background:#f2f2f2;
	padding:15px 0;
}
.content-bottom p {
	color:#2b2f37;
	margin-bottom:0;
}
.hero-aboutus {
	padding:20px 0 10px;
}
.hero-nextstep {
	padding:20px 0 10px;
}
.hero-success {
	padding:20px 0 10px;
}
.main-content {
	width:915px;
	margin:0 auto;
	padding:30px 15px;
	background:#f2f2f2;
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.8);
}
.main-content h1 {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:600;
	line-height:30px;
	color:#15262f;
	text-transform:capitalize;
	text-align:left;
	margin:0 0 15px;
}
.main-content h1 u {
	border-bottom:3px solid #23b743;
	text-decoration:none;
}
.main-content p {
	font-size:13px;
}
.main-content p.size18 {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:24px;
}
.quote {
	width:715px;
	margin:50px auto 0;
	background:#ffffff;
	padding:10px 0 0;
}
.quote h2 {
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	line-height:36px;
	font-weight:600;
	color:#15262f;
	text-align:left;
	margin-bottom:10px;
}
.quote-form {
	background:#31a1e3;
	padding:15px;
	overflow:hidden;
	position:relative;
}
.quote-form:after {
	content:'';
	display:block;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	position:absolute;
	top:0;
	left:47%;
	width:15px;
}
.quote-left {
	width:336px;
	padding:0 10px;
	float:left;
}
.quote-left h3 {
	color: #2b2f37;
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	font-weight:900;
	background:none;
	padding:0;
	margin:0 0 10px;
}
.quote-left h3 span {
	color: #fff;
	font-weight: 300;
}
.quote-left p {
	color:#fff;
	margin-bottom:0;
}
.quote-right {
	width:348px;
	float:left;
	margin:10px 0 0;
}
.quote-right .btn-primary {
	background:#2b2f37;
	color:#fff;
	border:none;
}
footer {
	width:100%;
	background:#23b743;
	padding:15px 0;
}
footer p {
	color:#fff;
	font-size:13px;
	margin-bottom:0px;
}

/*----------------------Media Queries for Small Screens--------------------*/
@media only screen and (max-width: 1050px) {
}
@media only screen and (max-width: 850px) {
.logo {
	position:absolute;
}
.navbar {
	width: 100%;
}
.mt-2 {
	margin-top: 4rem !important;
}
.main {
	width:430px;
}
.main-right {
	width:100%;
}
.form-elem input[type="text"] {
	width:195px;
}
.main-content{ width:100%;}
.quote {
    width: 100%;
}
.quote-left{ width:100%; float:none;}
.quote-right {
    float: none;
    margin: 20px auto 0;
    width: 398px;
}
}
@media only screen and (max-width: 650px) {
.main-content {
	width:100%;
}
.quote-left {
	float: none;
	width: 100%;
}

}
@media only screen and (max-width: 500px) {
}
 @media only screen and (max-width: 350px) {
.logo {
	position: absolute;
	width: 170px;
}
.main, .main-left {
	width: 100%;
}
.header-bottom {
	min-height:80px;
}
.form-elem input[type="text"] {
	width:100%;
	margin:0 0 10px !important;
}
.main-left h2 {
	font-size: 32px;
	line-height: 40px;
}
.quote-right {
   width: 100%;
}
}

/*----------------------Media Queries for Small Screens End--------------------*/