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

html, body {
      width: 100%;
      height: 100%;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a img { border: none;}


.container {
	margin: 0px auto 60px auto; 
	width: 100%;
		}
		.inner {
		position: relative;
		margin: 0 auto; 
		width: 100%; 
		}

.fed_container {
	margin: 20px auto; 
	width: 100%;
		}
		.fed_inner {
		position: relative;
		margin: 0 auto; 
		width: 96%; 
		}
		@media only screen and (min-width: 0px) { .fed_inner { width: 92%; }}
		@media only screen and (min-width: 600px) { .fed_inner { width: 80%; }}
		@media only screen and (min-width: 900px) { .fed_inner { width: 90%; }}
	
/* |  |   |  |   |  |   |  |   |  |   |  |   |  |       FEED VERSION STYLES     |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   */



.feed_container {
	position: relative;
	margin: 0 auto 65px auto;
	width: 100%;
	}
		@media only screen and (min-width: 0px) { .feed_container { margin: 0 auto 45px auto }}
		@media only screen and (min-width: 600px) { .feed_container { margin: 0 auto 65px auto }}
	

	
.feed_me_left {
	text-align:left;
}
.feed_me_right {
	text-align:right;
}
.feed_me_middle {
	text-align:center;
}


.feedimage  {
		width: 75%;
		height: auto;
		}
		
		@media only screen and (min-width: 0px) { .feedimage { width: 100%; }}
		@media only screen and (min-width: 900px) { .feedimage { width: 75%; }}
		
		
		.feedimage65  {
		width: 64.59%;
		height: auto;
		}
		.feedimage30  {
		width: 30%;
		height: auto;
		margin-left: 5%;
			vertical-align: top;
		}
	.feedimage30left  {
		width: 30%;
		height: auto;
		margin-left: 5%;
			vertical-align: top;
		}		
		
		.feedimage50left  {
		width: 47.25%;
		height: auto;
		margin-left: 0%;
			vertical-align: top;
		}		
		feedimage50leftdown
		  {
		width: 47.25%;
		height: auto;
		margin-left: 0%;
				margin-top: 180px;
			vertical-align: top;
		}		
		
		.feedimage50right  {
		width: 47.25%;
		height: auto;
		margin-left: 5%;
			vertical-align: top;
		}		
		
		@media only screen and (min-width: 0px) { .feedimage65 { width: 100%; }}
		@media only screen and (min-width: 0px) { .feedimage30 { width: 100%; margin-left: 0%; margin-top: 45px;}}
		@media only screen and (min-width: 0px) { .feedimage30left { width: 100%; margin-left: 0%; margin-bottom: 45px;}}
		@media only screen and (min-width: 0px) { .feedimage50left { width: 100%; margin-left: 0%;}}
		@media only screen and (min-width: 0px) { .feedimage50leftdown { width: 100%; margin-left: 0%; margin-bottom: 45px;}}
		@media only screen and (min-width: 0px) { .feedimage50right { width: 100%; margin-left: 0%;}}
		
		@media only screen and (min-width: 900px) { .feedimage65 { width: 64.59%; }}
		@media only screen and (min-width: 900px) { .feedimage30 { width: 30%; margin-left: 5%; margin-top: 0px; }}
		@media only screen and (min-width: 900px) { .feedimage30left { width: 30%; margin-right: 5%; margin-top: 0px; }}
		@media only screen and (min-width: 900px) { .feedimage50left { width: 47.25%; margin-right: 5%; }}
		@media only screen and (min-width: 900px) { .feedimage50leftdown { width: 47.25%; margin-left: 0%; margin-bottom: 0px; margin-top: 180px; }}
		@media only screen and (min-width: 900px) { .feedimage50right { width: 47.25%; margin-left: 5%; }}
		
		
		
		.text-feed-desc {
			position: relative;
		text-align: left;
		padding: 0;
		max-width: 260px; 
		margin: 0 auto 40px auto;
			}
		
		
		.feedText {
		position: relative;
		text-align: left;
		padding: 0;
		width: 100%;
		max-width: 900px; 
		margin: 0 auto 40px auto;
		}
		@media only screen and (min-width: 0px) { .feedText { margin: 0 auto 20px auto; }}
		@media only screen and (min-width: 600px) { .feedText { margin: 0 auto 40px auto; }}
	
		
		.no_resize {
		width: auto;
		height: auto;
		}

	

/* |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   */
		
		.largetext { margin: 44px 0 100px 0;}
		
		
		.a-bit-of-space {
			width: 100%;
		height: 100px;
		position: relative;
		float: left;
			}
			@media only screen and (min-width: 0px) { .a-bit-of-space  { height: 10px; }}
			@media only screen and (min-width: 600px) { .a-bit-of-space  { height: 100px; }}

		.give-me-some-room {
		width: 100%;
		height: 40px;
		position: relative;
		float: left;
	}
	
			@media only screen and (min-width: 0px) { .give-me-some-room { height: 20px; }}
			@media only screen and (min-width: 600px) { .give-me-some-room { height: 40px; }}