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

#comment {
	width:100%;
}

address,
cite,
em,
i{
	font-style: italic;
}
a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: underline;
}


/*#wprmenu_bar {
    width: 50px;
    background: #FDC13A;
	right:0px;
	left:inherit;
}
#wprmenu_menu.left, #wprmenu_menu.right {
	top:0;
}
*/

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

.textwrap {
    shape-outside: ellipse(145px 170px at 38% 60%);
}


}



@media only screen and (max-width: 1099px) and (min-width: 980px) {

#nav li a {
    padding: 13px 0;
    margin: 0px 37px;
}

header h2 {
    font-size: 21px;
}

}


@media only screen and (max-width: 979px) and (min-width: 768px) {
	
#nav li a {
	font-size:18px;
    padding: 13px 0;
    margin: 0px 23px;
}

header h2 {
    font-size: 21px;
}

}


@media only screen and (max-width: 767px) and (min-width: 600px) {
	
#nav li a {
    font-size: 16px;
    padding: 13px 0;
    margin: 0 12px;
}

header h2 {
    font-size: 21px;
}

}


@media only screen and (max-width: 768px) {
	
#content, #sidebar {
    width: 100%;
    float: none;
    margin-bottom: 40px;
    padding: 0 10px;
    border-left: none;
    box-sizing: border-box;}


.pageBanner {
    padding: 120px 0;
}

.feature {
	width:100%;
	float:none;
	margin-bottom:60px;
}

#latest .container {
	background:none;
}

#latest img.size-homeFeatures-image {
	width:100%;
	margin:0;
}

#affiliates img, #affiliates img.last {
	margin: 0 7%;
}


.twentyfive, footer .twentyfive.connect, footer .fifty.oneSource {
	float:none;
	width:100%;
	padding-left:0;
	margin-bottom: 30px;
}
footer #logo {
   width: 300px;
}

}

@media only screen and (max-width: 767px) {

#logo {
	width:150px;
}

footer ul {
    margin-left: 0;
}
}




@media only screen and (max-width: 599px) {
	

#quote {
	padding:10px;
	background-attachment:inherit;
}
#quote p {
    font-size: 21px;
    line-height: normal;
	text-align:center;
	margin-top:20px;
}

#quote .btn.large {
    margin: 20px auto;
    font-size: 16px;
    display: table;
    padding: 10px 20px;
}

header {
    height: 115px;
}
header ul.headerContact {
	float:none;
}


header ul.headerContact li {
    font-size: 21px;
    text-align: right;
    display: block;
    float: right;
}


#logo {
	width: 140px;
    margin: 5px 10px 5px 0;
}
header h2 {
	font-size: 16px;
	line-height:normal;
}

.pageBanner {
    padding: 70px 0;
}
img.alignright.textwrap {
	float:none;
	width: auto;
	margin:0 auto 20px;
}


#content h2 {
    font-size: 28px;
    line-height:31px;
}
footer ul {
	float:none;
}

#affiliates img, #affiliates img.last {
	float:none;
	margin: 0 auto;
}
.copy.design {
	text-align:left;
	float:left;
	
}


@media only screen and (max-width: 320px) {

header ul.headerContact li img {
	width: 130px;
}

header h2 {
    text-align: center;
	font-size:14px ;
}

}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}