@charset "UTF-8";
*{
	margin: 0;
	padding:0;
	border:0;
	box-sizing: border-box;
}


p{ /*Prevent selecting*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
	background-color: #DDA0DD;
	position: relative;
	margin: 0 0 0 0;
}

/* Hide the images by default */
.mySlides {
	display: none;
	text-align: center;
	margin: 2% 0 0 0;
}

.ROG2{
	color: #00008B;
	width: 100%;
	text-align: center;
	font-family: georgia, serif;
	font-size: 120%;
	margin: -1% auto 2% auto;
}
.ROG22 h1{
	color: black;
	width: 90%;
	text-align: left;
	font-family: georgia, serif;
	font-size: 110%;
	font-weight: bold;
	padding: 1% 2% 3% 17%;
	margin: 2% auto;
}
.ROG22{
	color: black;
	width: 70%;
	text-align: left;
	line-height: 1.7;
	letter-spacing: 0.1em;
	font-family: georgia, serif;
	font-size: 165%;
	font-weight: bold;
	background: url("Images2/Revelation Of GodBGFull.jpg");
	background-repeat: no-repeat;
	padding: 1% 3% 0 4%;
	margin: 1% auto;
	border: 3px solid #A2006D;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copyright3{
	color: black;
	width: 90%;
	text-align: left;
	font-family: georgia, serif;
	font-size: 70%;
	font-weight: bold;
	padding: 1%;
	margin: 3% 5% 3% -2%;
}
.GIL2{
	color: #00008B;
	width: 100%;
	text-align: center;
	font-family: georgia, serif;
	font-size: 120%;
	margin: -1% auto 2% auto;
}
.GIL22{
	color: #800020;
	width: 70%;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.8;
	background: url("Images2/God is Love No Border.jpg");
	background-repeat: no-repeat;
	font-family: Times New Roman, serif;
	font-size: 280%;
	font-weight: bold;
	padding: 2% 1% 1% 2%;
	margin: 0 5% 2% 15%;
	border: 3px solid #A2006D;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copyright4{
	color: #800020;
	width: 90%;
	text-align: left;
	font-family: georgia, serif;
	font-size: 40%;
	font-weight: bold;
	padding: 1%;
	margin: 3% 3% 3% 1%;
}
.STP21{
	color: #00008B;
	width: 70%;
	text-align: center;
	font-family: georgia, serif;
	font-size: 120%;
	margin: 2% auto;
}
.STP22 h1{
	color: black;
	width: 90%;
	text-align: left;
	font-family: gabriola, serif;
	font-size: 120%;
	padding: 2%;
	margin: 0 5% 0 15%;
}

.STP22{ /*DONE*/
	color: black;
	width: 70%;
	text-align: left;
	letter-spacing: 0.05em;
	line-height: 1.2;
	background: url("Images2/Scaling The PeakBG2.jpg");
	background-repeat: no-repeat;
	font-family: gabriola, serif;
	font-size: 140%;
	font-weight: bold;
	padding: 2% 1% 7% 43%;
	margin: 0 5% 2% 15%;
	border: 3px solid #A2006D;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
}
.copyright2{
	text-align: left;
	font-family: georgia;
	font-size: 50%;
	font-weight: bold;
}
.TMM2{
	color: #00008B;
	width: 78%;
	text-align: justify;
	font-family: georgia, serif;
	font-size: 120%;
	margin: 2% auto;
}
.TMM1 h1{
	color: #800020;
	width: 70%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-family: Georgia, serif;
	font-size: 100%;
	font-weight: bold;
	padding: 2%;
	margin: -2% 15% 1% 9%;
	
}

.TMM1{
	color: #800020;
	width: 67%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.5;
	background: url("Images2/The Moulding MachineBG.jpg");
	background-repeat: no-repeat;
	font-family: Georgia, serif;
	font-size: 120%;
	font-weight: bold;
	padding: 0.5% 0 0 12%;
	margin: -2% 15% 2% 16%;
	border: 4px solid #800020;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copyright8{
	text-align: left;
	font-family: georgia;
	font-size: 50%;
	font-weight: bold;
	margin: 5% auto 0 auto;
}
.space1{
	color: #00008B;
	width: 70%;
	text-align: center;
	font-family: georgia, serif;
	font-size: 70%;
	margin: 2% auto;
}

.LG1{
	color: #00008B;
	width: 78%;
	text-align: justify;
	font-family: georgia, serif;
	font-size: 120%;
	margin: 2% auto;
}

.LG2 h1{
	color: blue;
	width: 70%;
	text-align: left;
	letter-spacing: 0.03em;
	line-height: 1.2;
	font-family: Eagle Lake, serif;
	font-size: 100%;
	font-weight: bold;
	padding: 0 1% 2% 8%;
	margin: -2% 5% 1% 15%;
}
.LG2{
	color: blue;
	width: 62%;
	text-align: left;
	letter-spacing: 0.03em;
	line-height: 1.5;
	background: url("Images2/Letting GoBG.jpg");
	background-repeat: no-repeat;
	font-family: Eagle Lake, serif;
	font-size: 100%;
	font-weight: bold;
	padding: 2% 0 1% 27%;
	margin: -3% 5% 3% 20%;
	border: 3px solid blue;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copyright5{
	text-align: left;
	font-family: georgia;
	font-size: 50%;
	font-weight: bold;
	margin: 7% auto 0 auto;
}

.InPraise2{
	color: #00008B;
	width: 75%;
	text-align: justify;
	font-family: georgia, serif;
	font-size: 120%;
	margin: 2% auto;
}

.InPraise h1{
	color: #800020;
	width: 60%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.4;
	font-family: fondamento, serif;
	font-size: 110%;
	font-weight: bold;
	padding: 2% 0 3% -2%;
	margin: 0 5% 5% 13%;
}

.InPraise{
	color: #800020;
	width: 38%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.5;
	background: url("Images2/In Praise Of GodBG.jpg");
	background-repeat: no-repeat;
	font-family: fondamento, serif;
	font-size: 120%;
	font-weight: bold;
	padding: 2% 0 0 7%;
	margin: -4% 15% 1% 30%;
	border: 3px solid #800020;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copyright6{
	text-align: left;
	font-family: georgia;
	font-size: 50%;
	font-weight: bold;
	margin: 3% auto 0 auto;
}

.ThyWord1{
	color: #800080;
	text-align: center;
	font-family: georgia;
	font-size: 120%;
	font-weight: bold;
	margin: 1% auto 3% auto;
}

.ThyWord2 h1{
	color: #800080;
	width: 50%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.8;
	font-family: Berkshire swash, serif;
	font-size: 120%;
	font-weight: normal;
	padding: 2% auto;
	margin: 0 10% 3% 11%;
}

.ThyWord2{
	color: #800080;
	width: 50%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.8;
	background: url("Images2/Thy Word Is TruthBG.jpg");
	background-repeat: no-repeat;
	font-family: Berkshire swash, serif;
	font-size: 140%;
	padding: 2% 0 2% 5%;
	margin: 1% 15% 2% 25%;
	border: 3px solid #800080;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copyright7{
	text-align: left;
	font-family: georgia;
	font-size: 50%;
	font-weight: bold;
	margin: 3% auto 0 auto;
}



/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin: -50px 7% 0 7%;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/10 etc) */
.numbertext {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 8% 0 0 15%;
  position: absolute;
  top: 0;
}
.numbertext1 {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 8% 0 0 15%;
  position: absolute;
  top: 0;
}

.numbertext2 {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 5% 0 0 15%;
  position: absolute;
  top: 0;
}

.numbertext3 {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 1% 0 0 12%;
  position: absolute;
  top: 0;
}

.numbertext4 {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 2% 0 0 17%;
  position: absolute;
  top: 0;
}

.numbertext5 {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 1% 0 0 12%;
  position: absolute;
  top: 0;
}

.numbertext6 {
  color: white;
  font-size: 12px;
  padding: 8px 12px;
  margin: 1% 0 0 21%;
  position: absolute;
  top: 0;
}

.numbertext7 {
  color: blue;
  font-size: 12px;
  padding: 8px 12px;
  margin: 2% 0 0 15%;
  position: absolute;
  top: 0;
}

.numbertext8 {
  color: #800080;
  font-size: 12px;
  padding: 8px 12px;
  margin: 2% 0 0 30%;
  position: absolute;
  top: 0;
}

.numbertext9 {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  margin: 11% 0 0 25%;
  position: absolute;
  top: 0;
}


/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 12.5%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}	

/*	MEDIA QUEIRIES ONWARDS*/


@media screen and (max-width: 1280px){
	.ROG22{/*DONE*/
		width: 73.5%;
		text-align: left;
		line-height: 1.7;
		letter-spacing: 0.2em;
		font-size: 160%;
		font-weight: bold;
		background: url("Images2/Revelation Of GodBGFull.jpg");
		background-repeat: no-repeat;
		padding: 1% 1% 0.5% 1.5%;
		margin: 2% auto;
	}
	.STP22{
		width: 68%;
		background: url("Images2/Scaling The PeakBG1280.jpg");
		background-repeat: no-repeat;
		padding: 2% 0 0 40%;
		margin: 0 5% 1% 14%;
	}
	.TMM1{
		width: 70%;
	}
	.LG2{
		width: 65%;
		padding: 2% 0 1% 28%;
		margin: -3% 5% 3% 17%;
	}
	.InPraise{
		margin: -5% 15% 1% 30%;
	}

}

@media screen and (max-width: 1024px){
	.numbertext4 {
		margin: 2% 0 0 14%;
		}
	.numbertext6 {
		margin: 1% 0 0 17%;
	}
	.numbertext8 {
		margin: 3% 0 0 27%;
	}
	.numbertext9 {
		margin: 12% 0 0 20%;
	}
	.ROG22{
		width: 74%;
		letter-spacing: 0.1em;
		font-size: 150%;
		background: url("Images2/Revelation Of GodBGFull.jpg");
		background-repeat: no-repeat;
		padding: 1% 1% 1% 1.5%;
		margin: 2% auto;
	}
	.GIL22{
		width: 72.5%;
		letter-spacing: 0.05em;
		line-height: 1.8;
		background: url("Images2/God is Love1024.jpg");
		background-repeat: no-repeat;
		font-size: 210%;
		padding: 2% 1% 2% 1%;
		margin: 0 5% 2% 15%;
		border: 3px solid #A2006D;
	}
	.STP22{
		width: 76%;
		font-size: 140%;
		font-weight: bold;
		background: url("Images2/Scaling The PeakBG1024.jpg");
		background-repeat: no-repeat;
		padding: 2% 0 1% 40%;
		margin: 0 5% 1% 11%;
	}
	.TMM1{
		width: 72%;
		font-size: 110%;
		background: url("Images2/The Moulding MachineBG1024.jpg");
		background-repeat: no-repeat;
		padding: 2% 0 0 12%;
		margin: -2% 15% 2% 12%;
	}
	
	.LG2{
		width: 70%;
		font-size: 88%;
		background: url("Images2/Letting GoBG1024.jpg");
		background-repeat: no-repeat;
		padding: 2% 0 0 29.3%;
		margin: -3% 5% 3% 17%;
	}
	.InPraise{
		width: 48%;
		margin: -5% 15% 1% 25%;
	}
	.ThyWord2{
		width: 60%;
		background: url("Images2/Thy Word Is TruthBG.jpg");
		background-repeat: no-repeat;
		font-size: 140%;
		padding: 2% 0 2% 5%;
		margin: 1% 15% 2% 20%;
		border: 3px solid #800080;
	}
}

@media screen and (max-width: 768px){
	.numbertext {
		margin: 12% 0 0 15%;
	}
	.numbertext1 {
		padding: 8px 12px;
		margin: 11% 0 0 15%;
		}
	.numbertext3 {
		margin: 1% 0 0 15%;
		}
	.numbertext4 {
		margin: 2% 0 0 11%;
		}
	.numbertext6 {
		margin: 1% 0 0 13%;
		}	
	.numbertext7 {
		margin: 5% 0 0 15%;
	}
	.numbertext8 {
		margin: 4% 0 0 23%;
	}
	.numbertext9 {
		margin: 15% 0 0 17%;
	}
	
	.ROG22{
		width: 72.5%;
		font-size: 115%;
		background: url("Images2/Revelation Of GodBG768.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 0.5% 0.5%;
		margin: 2% auto;
	}
	.GIL2{
		width: 80%;
		text-align: center;
		font-size: 120%;
		margin: -1% auto 2% auto;
	}
	.GIL22{
		width: 71%;
		letter-spacing: 0.05em;
		line-height: 1.8;
		background: url("Images2/God is Love768.jpg");
		background-repeat: no-repeat;
		font-size: 155%;
		padding: 2% 1% 1% 1%;
		margin: 0 5% 2% 15%;
		border: 3px solid #A2006D;
	}
	.STP22 h1{
		color: black;
		width: 90%;
		text-align: left;
		font-family: gabriola, serif;
		font-size: 120%;
		padding: 1%;
		margin: 2% 5% 0 15%;
	}
	.STP22{
		width: 68%;
		font-size: 100%;
		font-weight: bold;
		background: url("Images2/Scaling The PeakBG768.jpg");
		background-repeat: no-repeat;
		padding: 0 0 1% 35%;
		margin: 0 5% 2% 15%;
	}
	.TMM2{
		width: 72%;
		font-size: 100%;
		margin: 2% auto;
	}
	.TMM1{
		width: 74%;
		font-size: 90%;
		background: url("Images2/The Moulding MachineBG768.jpg");
		background-repeat: no-repeat;
		padding: 5% 0 0 7%;
		margin: -2% 15% 2% 12%;
	}
	.LG1{
		width: 75%;
	}
	.LG2{
		width: 75%;
		font-size: 70%;
		background: url("Images2/Letting GoBG768.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 0 32%;
		margin: -3% 5% 3% 13%;
	}
	.InPraise{
		width: 52%;
		font-size: 120%;
		background: url("Images2/In Praise Of GodBG768.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 0 5%;
		margin: -6% 15% 1% 23%;
	}
	.ThyWord2{
		width: 68%;
		background: url("Images2/Thy Word Is TruthBG768.jpg");
		background-repeat: no-repeat;
		font-size: 120%;
		padding: 2% 0 1% 5%;
		margin: 1% 15% 2% 15%;
		border: 3px solid #800080;
	}
}

@media screen and (max-width: 640px){
	.numbertext {
		margin: 12% 0 0 15%;
	}
	.numbertext1 {
		padding: 8px 12px;
		margin: 13% 0 0 15%;
		}
	.numbertext4 {
		margin: 3% 0 0 12%;
		}
	.numbertext7 {
		margin: 5% 0 0 15%;
	}
	.numbertext9 {
		margin: 16% 0 0 17%;
	}
	
	.ROG22{
		width: 74%;
		font-size: 95%;
		background: url("Images2/Revelation Of GodBG768.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 1% 1%;
		margin: 2% auto;
	}
	.GIL22{
		width: 70%;
		letter-spacing: 0.05em;
		line-height: 1.8;
		background: url("Images2/God is Love640.jpg");
		background-repeat: no-repeat;
		font-size: 120%;
		padding: 2% 1% 1% 1%;
		margin: 0 5% 2% 14%;
		border: 3px solid #A2006D;
	}
	.STP22 h1{
		color: black;
		width: 90%;
		text-align: left;
		font-family: gabriola, serif;
		font-size: 120%;
		padding: 1%;
		margin: 2% 5% 0 15%;
	}
	.STP22{
		width: 68%;
		font-size: 80%;
		font-weight: bold;
		background: url("Images2/Scaling The PeakBG640.jpg");
		background-repeat: no-repeat;
		padding: 0 0 1% 36%;
		margin: 0 5% 2% 15%;
	}
	.TMM2{
		width: 72%;
		font-size: 100%;
		margin: 2% auto;
	}
	.TMM1{
		width: 75%;
		font-size: 70%;
		background: url("Images2/The Moulding MachineBG640.jpg");
		background-repeat: no-repeat;
		padding: 4% 0 2.5% 10%;
		margin: -2% 15% 2% 12%;
	}
	.LG1{
		width: 72%;
	}
	.LG2{
		width: 74.5%;
		font-size: 56%;
		background: url("Images2/Letting GoBG640.jpg");
		background-repeat: no-repeat;
		padding: 2% 0 1% 31.5%;
		margin: -3% 5% 3% 13%;
	}
	.InPraise{
		width: 63%;
		background: url("Images2/In Praise Of GodBG768.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 0 6%;
		margin: -7% 15% 1% 18%;
	}
	
	.ThyWord2{
		width: 68%;
		background: url("Images2/Thy Word Is TruthBG640.jpg");
		background-repeat: no-repeat;
		font-size: 100%;
		padding: 2% 0 1% 2%;
		margin: 1% 15% 2% 15%;
		border: 3px solid #800080;
	}
}

@media screen and (max-width: 500px){
	.numbertext1 {
		font-size: 10px;
		padding: 8px 12px;
		margin: 14% 0 0 15%;
	}
	.numbertext6 {
		font-size: 10px;
		margin: 2% 0 0 13%;
	}
	.numbertext8 {
		font-size: 10px;
		margin: 10% 0 0 20%;
	}
	.numbertext9 {
		font-size: 10px;
		margin: 19% 0 0 15%;
	}
	
	.ROG2{
		width: 98%;
		font-size: 100%;
		margin: 2% auto;
	}
	.ROG22{
		width: 74%;
		font-size: 75%;
		background: url("Images2/Revelation Of GodBG500.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 0.5% 1%;
		margin: 2% auto;
	}
	
	.GIL2{
		width: 98%;
		font-size: 100%;
		margin: 2% auto;
	}
	.GIL22{
		width: 71%;
		letter-spacing: 0.05em;
		line-height: 1.6;
		background: url("Images2/God is Love500.jpg");
		background-repeat: no-repeat;
		font-size: 110%;
		padding: 4% 1% 2% 1%;
		margin: 0 5% 2% 14%;
		border: 3px solid #A2006D;
	}
	
	.STP21{
		width: 80%;
		font-size: 100%;
		margin: 2% auto;
	}
	.STP22 h1{
		color: black;
		width: 90%;
		text-align: left;
		font-family: gabriola, serif;
		font-size: 120%;
		padding: 1%;
		margin: 2% 5% 0 15%;
	}
	.STP22{
		width: 74%;
		font-size: 70%;
		font-weight: bold;
		background: url("Images2/Scaling The PeakBG500.jpg");
		background-repeat: no-repeat;
		padding: 0 0 3% 38%;
		margin: 0 5% 2% 13%;
	}
	.TMM2{
		width: 78%;
		font-size: 100%;
		margin: 2% auto;
	}
	.TMM1{
		width: 75%;
		font-size: 55%;
		background: url("Images2/The Moulding MachineBG500.jpg");
		background-repeat: no-repeat;
		padding: 6% 0 8% 9%;
		margin: -2% 15% 2% 12%;
	}
	.LG1{
		width: 78%;
		font-size: 100%;
		margin: 2% auto;
	}
	.LG2{
		width: 77%;
		font-size: 45%;
		background: url("Images2/Letting GoBG500.jpg");
		background-repeat: no-repeat;
		padding: 1% 0 0 34%;
		margin: -3% 5% 3% 12%;
	}
	.InPraise2{
		width: 75%;
		font-size: 100%;
		margin: 2% auto;
	}
	.InPraise{
		width: 55%;
		font-size: 75%;
		background: url("Images2/In Praise Of GodBG500.jpg");
		background-repeat: no-repeat;
		padding: 2% 0 1% 6%;
		margin: -2% 15% 1% 19%;
	}
	
	.ThyWord2 h1{
		width: 60%;
		text-align: left;
		letter-spacing: 0.1em;
		line-height: 1.8;
		font-family: Berkshire swash, serif;
		font-size: 120%;
		font-weight: normal;
		padding: 2% auto;
		margin: 0 10% 3% 11%;
	}
	.ThyWord2{
		width: 72%;
		background: url("Images2/Thy Word Is TruthBG500.jpg");
		background-repeat: no-repeat;
		font-size: 90%;
		padding: 2% 0 1% 3%;
		margin: 1% 15% 2% 15%;
		border: 3px solid #800080;
	}
	.prev,
	.next {
		margin: -50px 3% 0 3%;
	
}

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