html, body { margin: 0px; padding: 0px;
background: #ffffff;
background: url(../images/sub_back.png) no-repeat 100% center; /* default, Android, Sf < 6 */
background-position: -webkit-calc(100%) center; /* Sf 6 */
background-position: right center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
background-attachment:fixed; 
}



/* NAV1 LINKS top */
.class1 a {font-family:helvetica,arial,sans serif; color:#062743; font-size: calc(.4em + .5vw); display: block; font-weight: bold; line-height:14px; padding: 8px 25px;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.class1 a:link {text-decoration:none; }
.class1 a:hover {color: #483079; background: #fded8d; }
.class1 a:visited {text-decoration:none; }
.class1 a:active {text-decoration:none; }



/* NAV2a LINKS text navy bold */
.class2a a {font-family:helvetica,arial,sans serif; font-size: calc(.3em + .45vw); color: #062743; font-style:normal; font-weight:bold; padding: 0;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.class2a a:link {text-decoration:none;}
.class2a a:hover {color:#431c91;}
.class2a a:visited {text-decoration:none; }
.class2a a:active {text-decoration:none; }



/* NAV2b LINKS text navy not bold */
.class2b a {font-family:helvetica,arial,sans serif; font-size: calc(.3em + .45vw); color: #062743; font-style:normal; font-weight:normal;  padding: 0;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.class2b a:link {text-decoration:none;}
.class2b a:hover {color:#431c91;}
.class2b a:visited {text-decoration:none; }
.class2b a:active {text-decoration:none; }



/* NAV2c LINKS text purple bold */
.class2c a {font-family:helvetica,arial,sans serif; font-size: calc(.3em + .4vw); color: #3d0e99; font-style:normal; font-weight:bold; padding: 0px;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.class2c a:link {text-decoration:none;}
.class2c a:hover {color:#062743;}
.class2c a:visited {text-decoration:none; }
.class2c a:active {text-decoration:none; }



/* NAV3 LINKS footer */
.class3 a {font-family:helvetica,arial,sans serif; font-size: calc(.4em + .3vw); color: #3d0e99; font-style:none; display:inline-block; line-height:120%; padding: 2px 10px;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.class3 a:link {text-decoration:none;}
.class3 a:hover {color:#062743; font-weight: bold; }
.class3 a:visited {text-decoration:none; }
.class3 a:active {text-decoration:none; }


/* NAV4 LINKS subtitles */
.class4 a {font-family:helvetica,arial,sans serif; font-size: calc(.5em + .65vw); color: #5d3dd3; font-weight:normal; padding: 6px 14px; line-height:140%;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.class4 a:link {text-decoration:none;}
.class4 a:hover {color:#ffffff; background: #4c427f; }
.class4 a:visited {text-decoration:none; }
.class4 a:active {text-decoration:none; }


/* IFRAME LINKS text purple bold larger*/
.classiframe a {font-family:helvetica,arial,sans serif; font-size: calc(.45em + .4vw); color: #3d0e99; font-style:normal; font-weight:bold; padding: 0px;
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-ms-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease; }
.classiframe a:link {text-decoration:none;}
.classiframe a:hover {color:#062743;}
.classiframe a:visited {color: #6d5b93; }
.classiframe a:active {text-decoration:none; }


/* IMAGE LINKS */
.classnone a {text-decoration: none;}
.classnone a:link {text-decoration: none;}
.classnone a:hover {text-decoration: none;}
.classnone a:visited {text-decoration: none; }
.classnone a:active {text-decoration: none; }




/* FONTS */

p {font-family:helvetica,arial,sans serif; color:#071d79; font-size: 15px; font-weight: normal; display:inline-block; line-height:130%;}

.bodytext {font-family:helvetica,arial,sans serif; color:#071d79; font-size: 16px; font-weight: normal; display:inline-block; line-height:140%;}

.bodytextsm {font-family:helvetica,arial,sans serif; color:#071d79; font-size: 14px; font-weight: normal; display:inline-block; line-height:130%;}

.bodytextit {font-family:helvetica,arial,sans serif; color:#071d79; font-size: 15px; font-style: italic; display:inline-block; line-height:130%;}

.bodytextpl {font-family:helvetica,arial,sans serif; color:#431c91; font-size: 15px; display:inline-block; line-height:130%;}

.bodytextplbd {font-family:helvetica,arial,sans serif; color:#431c91; font-size: 15px; font-weight:bold; display:inline-block; line-height:130%;}

.bodytextsmyw {font-family:helvetica,arial,sans serif; color:#fcf6ac; font-size: 12px; font-weight: normal;}

.blogtext {font-family:helvetica,arial,sans serif; color:#071d79; font-size: calc(.65em + .6vw); font-weight: normal; line-height:130%; text-align: justify;}

.blogarchivetext {font-family:helvetica,arial,sans serif; color:#071d79; font-size: calc(.45em + .4vw); line-height:130%; text-align: justify;}

.blogarchivetextbd {font-family:helvetica,arial,sans serif; color:#071d79; font-size: calc(.45em + .4vw); font-weight: bold; line-height:130%; text-align: justify;}

.titletext {font-family:'lucida_handwritingitalic'; color:#483079; font-size: 24pt; font-style:normal; display:inline-block;line-height:130%; }

.titletextpl {font-family:helvetica,arial,sans serif; color:#431c91; font-size: 15pt; display:inline-block; line-height:130%; }

.titletextsm {font-family:'lucida_handwritingitalic'; color:#0D053F; font-size: 14pt; font-style:normal;  display:inline-block;line-height:130%; }

.subtitletext {font-family:'lucida_handwritingitalic'; color:#52a43c; font-size: calc(.6em + .8vw); font-style:normal; display:inline-block; line-height:130%; }

.subtitletextpl {font-family:'lucida_handwritingitalic'; color:#5d3dd3; font-size: 15pt; font-weight: none; display:inline-block; line-height:130%; }

.subtitletextmini {font-family:helvetica,arial,sans serif; color:#071d79; font-size: 12pt; font-weight: bold; display:inline-block; line-height:130%; }

.titletextflip {font-family:helvetica,arial,sans serif;
color:#03237f; font-size:18px; font-weight:bold; line-height:120%; }

.titletextflipsm {font-family:helvetica,arial,sans serif;
color:#03237f; font-size:13px; font-weight:none; font-style:italic; line-height:120%; }

.titletextflipsm2 {font-family:helvetica,arial,sans serif;
color:#21a698; font-size:11px; font-weight:none; font-style:none; line-height:250%; }

.titletextflipsm3 {font-family:helvetica,arial,sans serif;
color:#680765; font-size:13px; font-weight:bold; font-style:none; line-height:100%; }

.copytext {font-family:helvetica,arial,sans serif; font-size: calc(.3em + .35vw); color:#0D053F; display:inline-block; line-height:130%; font-style: none;}






/* GLOBAL TAGS */

iframe {background-image: none; }


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img { border: none; }


img.rspace {
	margin: 0 2% 0 0;
	}

img.lspace {
	margin: 0 0 0 2%;
	}
	
img.fiveper	{
	width: 4%;
	}

img.fifteenper	{
	width:12%;
	}


img.twentyper	{
	width:20%;
	}

img.thirtyper	{
	width:30%;
	}

table.corner {
	border-radius: 25px;
	}

	

input[type=submit] {
    width:80px;
	color: #431c91;
	font-weight: bold;
	}

input[type="text"] { 
	line-height: 25px;
	}



/* SCROLL FADE AND SLIDE-IN */

.gallery {
	margin-left: auto;
  margin-right:auto;
  margin-top:50vh;
    max-width:600px;
  position:relative;
}

.gallery__help {
  text-align:center;
  transform: translateY(-50vh);
}

.gallery img {
  opacity:0;
  max-width:600px;
}

.hidden {
  transform: translateY(120px);
}

.fadeIn {
  opacity:1 !important;
  transform: translateY(0);
  -webkit-transition: all 2s ease;
}





/* RESPONSIVE PHOTO GRID */ 
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 3px;
}

/* Create four equal columns that sit next to each other */
.column {
  flex: 16%;
  max-width: 16%;
  padding: 0 3px;
}

.column img {
  margin-top: 6px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 25%;
    max-width: 25%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 25%;
    max-width: 25%;
  }
} 
 
 
 







/* FORM FIELDS */
input {
width: 100%;
}

input.short {
width: 85px;
}

textarea {
width: 100%;
}





#container {
	position: absolute;
	width: 100%;
	}

	#header {
	position: fixed;
	background: #ffffff;
	top: 0;
	width: 100%;
	height: 160px;
	z-index: 100;
	}


		#headerbg {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b2253+0,17234d+100 */
background: rgb(59,34,83); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,34,83,1) 0%, rgba(23,35,77,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,34,83,1)), color-stop(100%,rgba(23,35,77,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(59,34,83,1) 0%,rgba(23,35,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(59,34,83,1) 0%,rgba(23,35,77,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(59,34,83,1) 0%,rgba(23,35,77,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(59,34,83,1) 0%,rgba(23,35,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2253', endColorstr='#17234d',GradientType=0 ); /* IE6-9 */

		position: absolute;
		height: 170px;
		width: 100%;
		-webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;
		border-bottom: 6px solid 051522; 
		z-index: 10;
		}


	
		#nav1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f19f+0,9c73ad+10,4f55a4+14,34277c+17,34277c+19,4f55a4+25,9f70ad+32,f6f19f+100 */
background: rgb(246,241,159); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(246,241,159,1) 0%, rgba(156,115,173,1) 10%, rgba(79,85,164,1) 14%, rgba(52,39,124,1) 17%, rgba(52,39,124,1) 19%, rgba(79,85,164,1) 25%, rgba(159,112,173,1) 32%, rgba(246,241,159,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,241,159,1)), color-stop(10%,rgba(156,115,173,1)), color-stop(14%,rgba(79,85,164,1)), color-stop(17%,rgba(52,39,124,1)), color-stop(19%,rgba(52,39,124,1)), color-stop(25%,rgba(79,85,164,1)), color-stop(32%,rgba(159,112,173,1)), color-stop(100%,rgba(246,241,159,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left,  rgba(246,241,159,1) 0%,rgba(156,115,173,1) 10%,rgba(79,85,164,1) 14%,rgba(52,39,124,1) 17%,rgba(52,39,124,1) 19%,rgba(79,85,164,1) 25%,rgba(159,112,173,1) 32%,rgba(246,241,159,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left,  rgba(246,241,159,1) 0%,rgba(156,115,173,1) 10%,rgba(79,85,164,1) 14%,rgba(52,39,124,1) 17%,rgba(52,39,124,1) 19%,rgba(79,85,164,1) 25%,rgba(159,112,173,1) 32%,rgba(246,241,159,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left,  rgba(246,241,159,1) 0%,rgba(156,115,173,1) 10%,rgba(79,85,164,1) 14%,rgba(52,39,124,1) 17%,rgba(52,39,124,1) 19%,rgba(79,85,164,1) 25%,rgba(159,112,173,1) 32%,rgba(246,241,159,1) 100%); /* IE10 preview */
background: linear-gradient(to right,  rgba(246,241,159,1) 0%,rgba(156,115,173,1) 10%,rgba(79,85,164,1) 14%,rgba(52,39,124,1) 17%,rgba(52,39,124,1) 19%,rgba(79,85,164,1) 25%,rgba(159,112,173,1) 32%,rgba(246,241,159,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f19f', endColorstr='#f6f19f',GradientType=1 ); /* IE6-9 */

		position: absolute;
		height: 30px;
		width: 100%;
		top: 0px;
		text-align: right;
		z-index: 200; 
		}
		
		.toggle, [id=drop] {
		font-family:helvetica,arial,sans serif;
		color:#062743;
		font-size: 14px;
		display: block;
		font-weight: bold;
		line-height:14px;
		display: none;
		}

		ul {
		float: right;
		list-style: none;
		padding-right: 3%;
		margin-left: 0px;
		margin-top: 0px;
		}

		ul li {
		display: in-line block;
		float: left;
		text-align: center;
		}


		ul.class4 {
		float: left;
		margin-left: 0px;
		margin-top: 0px;
		width: 80%;
		}


		ul.blog {
		float: left;
		list-style-type: square;
		margin-left: 0px;
		margin-top: 0px;
		}



		#logo {
		position:relative;
		float: left;
		padding-top: 0px;
		margin-left: 2%;
		width:10%;
		z-index: 300;
		}


		#name {
		position:relative;
		float: left;
		padding-top: 50px;
		margin-left: 1%;
		text-align: left;
		width: 25%;
		z-index: 100;
		}
			

		
	
	#nav4 {
	position: fixed;
	padding: 12% 15% 0 13%;
	text-align: left;
	width:100%;
	background: #fff;
	z-index: 20;
	}


/* For Tradebeads blog main page only */
	#nav5 {
	position: fixed;
	padding: 10% 15% 0 13%;
	text-align: left;
	width:100%;
	background: #fff;
	z-index: 20;
	}


	#content {
	position: relative;
	padding: 140px 13% 20px 13%;
	margin-top: 300px;
	margin-bottom: 80px;
	text-align:left;
	width:74%;
	z-index: 10;
 	}	
		


		
		
		.toggle2, [id=drop2] {
		font-family:helvetica,arial,sans serif;
		color:#5d3dd3;
		font-size: 14px;
		display: block;
		font-weight: bold;
		line-height:14px;
		display: none;
		}


		#indent {
		padding: 0 30px;
		}
		
		
		#marriage {
		position: relative;
		margin-left: 28%;
		padding: 20px;
		background: #d4edb5;
		border: 1px solid 051522; 
		}
		
		
		#blogpost {
		float:left;
		width:60%;
        text-align: justify;
        }

		#blogarchive {
		float:left;
		margin-top: 90px;
		width:30%;
		padding-left: 5%;
        }

		
		#cols-2{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: auto;
     -moz-column-width: auto;
          column-width: auto;
          text-align: justify;
		}
		

		#cols-3{
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-width: auto;
     -moz-column-width: auto;
          column-width: auto;
          text-align: justify;
		}
		

		#photogrid {
		float: left;
		margin-left: 10%;
		width: 80%;
		}
		



	#footer {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,606092+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(96,96,146,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(96,96,146,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#606092',GradientType=0 ); /* IE6-9 */

	-webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;
	position: fixed;
	height: 290px;
	width: 100%;
	bottom: 0;
	text-align: right;
	z-index: 1;
	}
	
	
	#nav3 {
	position: relative;
	margin-top: 40px;
	margin-right: 1%;
	margin-bottom: 60px;
	text-align: right;
	width: 15%;
	z-index: 100;
	}
	
	#footer-rsp {
	display: none;
	}





/* DESKTOP MEDIUM CODE 1301 to 1600*/


	@media (max-width:1600px) {
	
		.class1 {font-size: 11px; }
	
		.class3 {font-size: 10px;}

		p {font-size: 14px; }

		.bodytext  {font-size: 14px; }

		.bodytextit  {font-size: 14px; }

		.bodytextpl  {font-size: 14px; }

		.bodytextplbd  {font-size: 14px; }

		.bodytextsmyw  {font-size: 10px; }
	
		.titletext {font-size: 17pt; }

		.titletextsm  {font-size: 12px; }

		.titletextpl {font-size: 12px; }
		


		#headerbg {	height: 120px; }


		#name { padding-top: 40px; }
		
		#nav4 { margin-top: 20px;}
		
		#content { margin-top: 260px; }	

		#footer { height: 260px; }
		
		
		
		
		
		

/* DESKTOP SMALL CODE 701 to 1300*/

	
	@media (max-width:1300px) {


		img.fiveper	{ width: 7%; }

		/* KEEP THIS */
		.class1 a {padding: 4px 5px; font-size: calc(.4em + .6vw); }
		
		.class3 a{font-size: 9px; line-height:140%;}

		.titletext {font-size: 14pt; }
		
		.bodytext  {font-size: 14px; line-height:120%; }
		
		p  {font-size: 13px; }

		.subtitletextpl {font-size: 12pt; }

		.subtitletextmini {font-size: 10pt; }




		#nav1 {
		height: 20px;
		}
		
		#name { padding-top: 40px; }
		
		#headerbg {	height: 100px; }

		#logo { padding-top: 5px; width:15%; }	


		#nav4 {
		margin-top: 120px; 
		padding: 50px 8% 20px 8%;
		width:84%;
		 }

		 
		#content {
		margin-top: 220px;
		padding: 50px 8% 20px 8%;
		width:84%;
		}	


		#photogrid {
		width: 100%;
		}

		table.corner {
		width: 60%;	
		}


		#footer {
		display: none;
		}
		
		
		#footer-rsp {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,606092+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(96,96,146,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(96,96,146,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#606092',GradientType=0 ); /* IE6-9 */

		position: relative;
		display: block;
		margin: 0 auto 0 auto;
		padding-bottom: 50px;
		height: 290px;
		width: 100%;
		text-align: center;
		z-index: 1;
		}

		#nav3 {
		text-align: center;
		width: 100%;
		}
		
		
		
	}





	
/* CELLPHONE CODE 700 and smaller*/
	

	@media (max-width: 700px) {

			html,body {
			background: url(../images/sub_back_none.png) ;
			}
			
			.class1 a {font-size: 12px;
			}
			
			.class2c a {font-size: 12px;
			}
			
			
			.copytext  {font-size: 10px;
			}
			

			.bodytext  {
			font-size: 12px; 
			line-height:120%; 
			}

		
			.subtitletext {
			display: in-line;
			font-size: 14px;
			}


			.subtitletextpl {
			display: in-line;
			font-size: 12px;
			}


			.subtitletextmini {
			display: in-line;
			font-size: 11px;
			}


			img.fiveper	{
			width: 15%;
			}

			
			img.twentyper	{
			width: 45%;
			}

			img.thirtyper	{
			width: 50%;
			}

			.class4 a {
			font-size: 11pt;
			padding: 3px 6px;
			text-align: right;
			}
			
			
			#nav1 {
			top: 0px;
			padding-top: 2px;
			padding-right: 10px;
			height: 20px;
			}


			ul {
			width: 100%;
			}


			/* CELLPHONE DROP-DOWN MENU STYLE */
			ul li {
			padding: 0px 0px;
			width: 60%;
			text-align: right;
			float: right;
			margin-right: 0px;
			background: #b4b1eb;
			-webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;
			}
		
			/* CELLPHONE DROP-DOWN MENU LINK STYLE */
			.toggle + a, .menu {
			font-family:helvetica,arial,sans serif; 
			color:#062743;
			display: none;
			padding-right: 0px;
			margin: 0px 0px;
			}
		
			/* CELLPHONE 'MENU' LINK STYLE*/
			.toggle {
			font-family:helvetica,arial,sans serif; 
			color:#062743;
			font-weight: bold;
			display: block;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease; 
			}
		

			[id^=drop]:checked + ul {
			display: block;
			margin-right: 0px;
			}



			#headerbg {	
			height: 90px;
			}

			#logo {
			margin-left: 2%;
			width:35%;
			}

			

			#name {
			padding-top: 30px;
			margin-left: 1%;
			width: 60%;
			}


			#nav4 {
			margin: 140px 0 0 0;
			padding: 20px; 
			width:90%; }


			#content {
			margin-top: 240px;
			}	


			#blogpost {
			float:left;
			width:100%;
			text-align: justify;
			}

			#blogarchive {
			float:left;
			width:100%;
			padding-left: 5%;
			}
			
			

			#cols-2{
	  -webkit-column-count: 1;
		 -moz-column-count: 1;
			  column-count: 1;
	  -webkit-column-width: auto;
		 -moz-column-width: auto;
			  column-width: auto;
			  text-align: justify;
			}
		

			#cols-3{
	  -webkit-column-count: 1;
		 -moz-column-count: 1;
			  column-count: 1;
	  -webkit-column-width: auto;
		 -moz-column-width: auto;
			  column-width: auto;
			  text-align: justify;
			}
		


		#footer {
		display: none;
		}
		
		
		#footer-rsp {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,606092+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(96,96,146,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(96,96,146,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(96,96,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#606092',GradientType=0 ); /* IE6-9 */

		position: relative;
		display: block;
		margin: 0 auto 0 auto;
		padding-bottom: 50px;
		height: 290px;
		width: 100%;
		text-align: center;
		z-index: 1;
		}

		#nav3 {
		text-align: center;
		width: 100%;
		}
		
		
		
	}