@charset "utf-8";
.navbar-brand {
	background-image: url(../images/OffGrid-Basement-icon.jpg);
	height: 50px;
	width: 50px;
}
.HeadImage {
	width: 100%;
	height: 50%;
}
.ContentColumn{
	margin-left: 3%;
	float: left;
	/* [disabled]width: 560px; */
	border: thin solid #000000;
	margin-bottom: 3%;
	margin-top: 3%;
	height: auto;
	clear: left;
	
}
.VidColumn {
	width: 560px;
	height: 315px;
}
body footer {
	clear: left;
	margin-top: 5%;
	margin-left: 5%;
}
.PageContent {
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 2%;

}
.ContentColumn p {
	margin-left: 5px;
}
.ToolPic {

}
.FinePrint {
	margin-top: 50px;
	font-size: x-small;
	float: left;
}
footer p {
	font-size: small;
	margin-left: 4%;
	margin-right: 5%;
}
.DivLeft {
	width: 70%;
}
.DivRight {
	float: right;
	width: 30%;
}
.Donate {
	text-align: center;
	float: none;
	display: block;
	height: auto;
	width: 100%;
	clear: left;
}
.Donate a img {
	text-align: center;
}













@media (max-width:767px){
	.ContentColumn{
	max-width: 100%;
	max-height: 100%;
	margin-top: 10px;
	border-width: thin;
	border-style: solid;
	}
	
	.VidColumn {
	max-width: 100%;
	max-height: 100%;
	margin-left: 0;
	}
.DivLeft {
	width: 100%;
	float: right;
}
.DivRight {
	width: 100%;
}


}

@media (min-width:768px) and (max-width:991px){
	.VidColumn {
	max-width: 315px;
	}
	.DivLeft {
	width: 100%;
}
.DivRight {
	width: 100%;
}
}	

@media (min-width:992px) and (max-width:1199px){
	.VidColumn {
	max-width: 420px;
	}
	.DivLeft {
	width: 100%;
}
.DivRight {
	width: 100%;
}
}