@charset "UTF-8";

article, aside, footer, header, main, nav, section {
	display: block;
}

html, body, h1, h3, a, p, article, aside, footer, header, main, nav, section {
	padding: 0;
	margin: 0;
}

header {
	margin: auto;
	text-align: center;
}

div{
			margin: auto;
			width: 70%;
			text-align: center;
			float: center;
			margin-top: 1px;
			font-family: Helvetica, Arial, sans-serif;
			
}

a{
	text-decoration:none
}
img{
	width: 50%;
}
body{
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

nav {
	margin: auto;
	width: 80%;
	float: center;
	
	padding: 5px 5px;
}


section {
	margin: auto;
	width: 80%;
	height:60%;
	text-align: center;
	float: center;
    padding: 5px 5px;
	margin-top: 1px;
	font-family: Helvetica, Arial, sans-serif;
	
}
.sectiontext{
	margin: auto;
	width: 80%;
	text-align: justify;
	float: center;
	padding: 5px 5px;
	margin-top: 1px;
	font-family: Helvetica, Arial, sans-serif;
	
	
}
.sectionimages{
	margin: auto;
	width: 80%;
	text-align: center;
	float: center;
	padding: 5px 5px;
	margin-top: 1px;
	font-family: Helvetica, Arial, sans-serif;
	
}

.sectionimagestop{
	margin: auto;
	width: 19%;
	text-align: center;
	float: center;
	padding: 5px 5px;
	margin-top: 1px;
	font-family: Helvetica, Arial, sans-serif;
	
}
.sectionbuttons{
	padding: 5px 5px;
	margin-top: 1px;
	width: 50%;
	font-size: 1.1em;
	
}

footer{
	margin: auto;
	width: 80%;
	text-align: center;
	float: center;
	padding: 5px 5px;
	font-family: Helvetica, Arial, sans-serif;
	opacity: 0.6;
}

p{
	text-align:left;
	font-size: 1.1em;
}

em{
	color:red;
}
.pb{
	text-align:center;
}

.pfooter{
	text-align:center;
}

.button {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
	background-color:	 #33ccff;
    color:  blue;
    border: 2% solid white;
	font-size: 2em;
	border-radius: 8px;
	float: center;
	display:inline-block;
	text-align:center;
}

.backbutton{
				padding: 5px 5px;
				margin-top: 1px;
				width: 30%;
				font-size: 1em;
				
}

.redtext{
	color: red;
}

@media screen and (max-width: 768px) {
		.button {
				-webkit-transition-duration: 0.4s;
				transition-duration: 0.4s;
				background-color: 	 #33ccff;
				color: blue;
				border: 2% solid white;
				font-size: 2em;
				border-radius: 8px;
				float: center;
				display: block;
				}
				
		nav {
				margin: auto;
				margin-top: 1px;
				width: 90%;
				float: center;
				
				}


		section {
				margin: auto;
				width: 90%;
				text-align: center;
				float: center;
				margin-top: 1px;
				font-family: Helvetica, Arial, sans-serif;
				
				}
				img{
	width: 100%;
}

		footer{
				margin: auto;
				width: 90%;
				text-align: center;
				float: center;
				margin-top: 1px;
				font-family: Helvetica, Arial, sans-serif;
				opacity: 0.6;
				font-size: 0.5em;
				}
		.sectionbuttons{
				padding: 5px 5px;
				margin-top: 1px;
				width: 90%;
				font-size: 1em;
				
				}
		.sectiontext{
				margin: auto;
				width: 90%;
				text-align: justify;
				float: center;
				padding: 5px 5px;
				margin-top: 1px;
				font-family: Helvetica, Arial, sans-serif;
				
				}
			div{
				margin: auto;
				width: 90%;
				text-align: center;
				float: center;
				margin-top: 1px;
				font-family: Helvetica, Arial, sans-serif;
				
				}
				.sectionimagestop{
					margin: auto;
					width: 50%;
					text-align: center;
					float: center;
					padding: 5px 5px;
					margin-top: 1px;
					font-family: Helvetica, Arial, sans-serif;
	
}
}

.button:hover {
    background-color: blue;
    color: white;
}


.button2 {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
	background-color: 	 #33ccff;
    color: blue;
    border: 2px solid white;
	font-size: 1em;
	border-radius: 8px;
	display: block;
	width: 100%;
}

.button2:hover {
    background-color: blue;
    color: white;