@charset "utf-8";

body {
	font-weight: 300;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #7F7F7F;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
img	{width:100%;}
img.normal	{width:auto !important;}
a:link {
	color: #1E73A9;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #F2727F;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}


h1{font-size:1.7em;  font-weight: normal; text-align:center;  margin-bottom:20px; color:#3479A3;}
h2{font-size:1.4em; line-height:1.2em;}
h3{font-size:1.3em;}
h4{font-size:1.1em;}
h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    margin: 0px 0px 0px;
}
.banner	{ height:400px;}
.banner1	{ height:200px;}
.banner2	{ height:250px;}
.banner h1, .banner1 h1	{ color:#325D7F; font-size:2.2em; padding-top:20px; font-variant:normal; line-height:0.9em;}
.banner h3, .banner1 h3	{ color:#325D7F; font-size:1.2em;}
h2.bluebg		{padding:10px;  display:inline-block; margin-bottom:7px; }
.blue	{color:#F2727F;}
.orange	{color:#C06C86;}
.yellow	{color:#C38D9D;}
.grey	{color:#7F7F7F;}
.green	{color:#C06C86;}
.bluebg		{background:#325D7F; color:#FFF;}
.greenbg		{background:#C06C86; color:#FFF;}
.orangebg		{background:#C06C86; color:#FFF;}
a.greenbg		{background:#C06C86; color:#FFF; padding:0.5rem;}
a.greenbg:hover		{background:#37978B; color:#FFF;}
.btn-primary	{background:#325D7F !important}
.header  {margin-top:12px; }
.header .tag {color:#1D6EA2 !important; font-size:1.1em}
.header  i	 {font-size:1.5em}
/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar {
    padding:0; font-size:1.2em;}

.navbar li.nav1		{border-bottom:8px solid #F9B294;}
.navbar li.nav2		{border-bottom:8px solid #F2727F;}
.navbar li.nav3		{border-bottom:8px solid #C06C86;}
.navbar li.nav4		{border-bottom:8px solid #6D5C7E;}
.navbar li.nav5		{border-bottom:8px solid #325D7F;}
.navbar li.nav6		{border-bottom:8px solid #F1F1F1;}
.bgborder	{-webkit-box-shadow: 1px 2px 6px 1px rgba(156,154,156,0.5);
-moz-box-shadow: 1px 2px 6px 1px rgba(156,154,156,0.5);
box-shadow: 1px 2px 6px 1px rgba(156,154,156,0.5);
}
.quote6 .homeservices	{font-size:1em; height:auto;}
.quote6 .homeservices ul	{ margin:20px 0px 20px 20px; font-size:1em;}
.homeservices	{ height:180px; font-size:0.8em; background-position:right bottom; background-repeat:no-repeat; background-size:contain}
.homeservices i	{ font-size:0.8em;}
.appliance .card 	{padding:0.8em}
.appliance .card img 	{padding:0em 1em; }
.appliance .card-footer	{font-size:1.1em !important; text-align:center; font-weight:600; padding:0px; padding-top:10px; line-height:1em; color:#C06C86}
#footer	{background:#EFEDEE !important; 	padding-top:20px; border-top:1px solid #D6D6D6}
#footer	a:link {color:#3479A3;}
#footer a:hover, a:active, a:focus { color:#E27D5F;}
#footer li	{ list-style:none}
#footer .social i	 {font-size:1.8em}
@media only screen and (min-width: 481px) {
.banner1	{ height:250px;}

}
/*  */
@media only screen and (min-width: 650px) {	
.banner1	{ height:300px;}
}
/* tablet landscape: 769px to a max of 960px.  Inherits styles from: Mobile Layout and Tablet Portrait Layout. */
@media only screen and (min-width: 769px) {
/* ~~header~~ */
.banner1	{ height:350px;}
.appliance .card-footer	{font-size:1em !important; }
/* Desktop Layout: 960px to a max of 1100px. Inherits styles from: Mobile Layout and Tablet Portrait Layout. */
@media only screen and (min-width: 960px) {
.banner	{ height:600px;}
.banner1	{ height:400px;}
.banner h1, .banner1 h1	{ font-size:4.6em; padding-top:30px;}
.banner h3, .banner1 h3	{ font-size:1.4em;}
.navbar .nav, .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.navbar .nav li {
    flex: 1;
}

.navbar .nav li a {
    font-weight: bold;
    text-align: center;
    flex: 1;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.banner	{ max-height:728px;}
.banner	{ max-height:560px;}
 }