/*css line*/
/*css line*/
/* */
body {
  background-color: white;
/*	background-image: url('bg.jpeg'); /* perhaps this should be brought in from the database */
	background-attachment: fixed;
	background-position: 0 0;
	background-repeat: repeat;
}
.header-background {background-color: white;}
div.container {
	background-color: white;
}
h1, h2, h3, h4, h5 {font-family:'Poppins', Arial, sans-serif; font-weight:300;}
a {color:#be1e2d;}
a:hover {color:blue;}
#footer_4_column_include a {color:white;}
#footer_4_column_include a:hover {color:red;text-decoration:none;}
#flexslider_1 .flex-caption {
	width: 50%;
    margin-bottom: 15%;
    margin-left: 25%;
    text-align: center;
    font-size: large;
	color:white;
	font-family: 'Poppins';
    font-weight: 300;
}
#flexslider_1 .flex-caption a {color:white;}
#flexslider_1 a:hover {color:#b4e6fc;}
#footer_4_column_include {margin-top:25px;}
.navbar-default .navbar-nav>li>a {
    color: #ddd;
}
.menu-background {    background-color: #444;}
div#menu_bootstrap-navbar_pat_meadows {background-color:#444;}
.navbar-default {
	
    background-image: none !important; 
    background-repeat: no-repeat; 
     border-radius: 0px;
    -webkit-box-shadow: none; 
    box-shadow: none; 
	    background-color: #444;
    border-color: transparent;
	margin-bottom:0px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}
.abouttext {
    /* text-shadow: 0 0 10px #fff; */
    color: black;
    position: relative;
    padding: 40px 20px 0 20px;
}
.aboutpic {
    position: relative;
    width: 100%;
    left: 100%;
    float: left;
    margin: 0px 0 0 -100%;
    z-index: 98;
}
@media (min-width: 768px) {

}

@media (min-width: 992px) {
	.abouttext {
    margin-left: -110%;
    z-index: 99;
    float: left;
    width: 49.405%;
    left: 100%;
    margin-left: -100%;
}

}

@media (min-width: 1200px) {

}

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

}

@media (max-width: 767px) {
	.aboutpic {
    position: relative;
    width: 100%;
    left: 90%;
	}
	.aboutpic img {max-width:100%;}

}

@media (min-width: 768px) and (max-width: 991px) {
	.aboutpic {
    position: relative;
    width: 100%;
    left: 60%;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.aboutpic {
    position: relative;
    width: 100%;
    left: 80%;
	}

}

@media screen and (max-width: 767px) {
	.aboutpic {
    position: relative;
    width: 100%;
    left: 90%;
	}
	.aboutpic img {max-width:100%;}

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}

@media (max-device-width: 480px) and (orientation: landscape) {
	.aboutpic {
    position: relative;
    width: 100%;
    left: 90%;
	}
	.aboutpic img {max-width:100%;}

}

@media all and (transform-3d), (-webkit-transform-3d) {

}

@media print {

}