* {
    margin: 0;
}

html {
	height: 100%;
}

body {
	background-color: #000000;
	color: #ffffff;
	font-size: 18px;
	margin: 0;
	height: 100%;
}

/*------------------------------*/

#head {
	height: 6.5em;
	position: fixed;
	width: 100%;
	min-width: 600px;
	top: 0;
	display: inline-block;
	background-color: #111111;
}

#links {
	margin-left: 6%;
	padding-top: 1.5em;
}

a {
	color: #aaaaaa;
	text-decoration: none;
	font-family: Arial;
	font-size: 14px;
	transition: ease-out .5s;
}

a:hover {
	transition: .5s;
	opacity: .5;
}

.link {
	margin-left: 5%;
}

.social {
	width: 2em;
	float: right;
	margin-right: 2em;
}

/*------------------------------*/

#parallax {
/*	background-image: url("../images/bg.jpg");*/
/*    height: 100%;*/
/*    background-attachment: fixed;*/
/*    background-position: bottom;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 60em;*/
}

#parallax2 {
	background-image: url("../images/bg2.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: 0em 15em;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 80em;
}

#content {
	height: 500px;
}

#content2 {
	margin: 3em;
	margin-top: 7em;
}

	#ctype1 {
		display: inline-block;
	}

		#t1text {
			margin-top: 1em;
			float: right;
			width: 44%;
			padding-left: 3%;
			padding-right: 3%
		}

		#t1img {
			display: inline-block;
			width: 50%;
		}

			#t1img img {
				width: 100%;
			}

	#ctype2 {
		display: inline-block;
	}

		#t2text {
			margin-top: 1em;
			display: inline-block;
			width: 44%;
			padding-left: 3%;
			padding-right: 3%;
		}


		#t2img {
			float: right;
			width: 50%;
		}

			#t2img img {
				width: 100%;
			}

	#footer {
		background-color: #555555;
		padding: .7em;
		text-align: right;
	}

/*-----------------------------*/

@media screen and (max-device-width: 480px), (max-width: 850px) {

	a.link {
		font-size: 18px;
	}

	img.social {
		width: 2.5em;
		margin-right: 2.5em;
	}

	#content {
		margin: 5em;
	}

   #t1text, #t2text {
   		float: none;
   		width: 80%;
   		min-width: 350px;
   }

   .mhide {
   		display: none;
   }

   #links {
		margin-left: 8%;
	}
}

@media screen and (max-device-width: 480px) {
	body {
		zoom: 150%;
	}
}

@media (max-width: 850px) {
	body {
		height: 0;
	}
}