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

#wrapper > .bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;

			background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images2/Horn.jpeg");
			background-size: auto,								auto,														100% auto;
			background-position: center,								center,														top center;
			background-repeat: repeat,								no-repeat,													no-repeat;
			background-attachment: scroll,								scroll,														scroll;
			z-index: -1;
		}

		header.major > p {
    margin-top: 0;
    text-align: left;
	padding: 0 10% 0 10% ;
}
		header.major > ul {
    margin-top: 0;
    text-align: left;
	padding: 0 20% 0 20% ;
}
@media screen and (max-width: 980px) {

			header br {
				display: block;
			}
			.post header.major h2 {
			    font-size: 2rem;
			    line-height: 1.1;
			    margin: 0 0 1.5rem 0;
			}
		}

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

				#main > .post {
					padding: 4rem 2rem 2rem 2rem ;
				}

					#main > .post header.major > .date {
						margin-top: -1rem;
						margin-bottom: 2rem;
					}

					#main > .post header.major > h1, #main > .post header.major h2 {
						font-size: 1.8rem;
						line-height: 1.1;
						margin: 0 0 1.2rem 0;
					}
					header.major > ul {
					margin-top: 0;
					text-align: left;
				padding: 0% 5% 10% 15% ;
				width: 100%;
				margin: 0;
			}
			xul li {padding:  0 10% 0 10% ;}

			}
			@media screen and (max-width: 736px) {

						#main > .post {
							padding: 2rem 1rem 1rem 1rem ;
						}

							#main > .post header.major > .date {
								margin-top: -1rem;
								margin-bottom: 1rem;
							}

							#main > .post header.major > h1, #main > .post header.major h2 {
								font-size: 1.8rem;
								line-height: 1.4;
								margin: 0 0 1.1rem 0;
								padding-top: 1rem;
							}

					}
					@media screen and (max-width: 536px) {

								#main > .post {
									padding: 0rem 0rem 0rem 0rem ;
								}
								header.major > p {
								margin-top: 0;
								text-align: left;
								padding: 0 15% 0 10% ;
								}



								}