@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	font-size: 28px;
	margin-left: 0;
	margin-right: 0;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
}

body {
	background-color: #000000;
}

img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

a:link {
	color: #07BC00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #868686;
}
a:hover {
	text-decoration: none;
	color: #09FF00;
}
a:active {
	text-decoration: none;
	color: #FF0004;
}
/* begin sticky navigation panel */

.sticky {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
	
#sticky {
	background: #000000;
	overflow: hidden;
}

.logo {
	float: left;
	flex-direction: row;
	display: inline-flex;
	justify-content: flex-start;
	width: 25%;
	max-width: 310px;
	height: auto;	
}	

.desktop_navigation_tabs {
	float: right;
	flex-direction: row;
	display: inline-flex;
	justify-content: flex-end;
	width: 75%;
	max-width: 928px;
	height: auto;			
}

.mobile_navigation {
	display: none;
}

/* end sticky navigation panel */

/* begin navigation button */

a.button {
	
	display: inline-block;
	padding: 0.8em 1.2em;
	border: 0.1em solid #ED1C24;
	margin: 0 0.3em 0.3em 0;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Gill Sans MT';
	font-size: 24px;
	color: #ED1C24;
	text-align: center;
	transition: all 0.2s;

}

a.button:hover {

	color: #000000;
	background-color: #ED1C24;

}

/* end navigation button */

.main_content {
	position: relative;
	width: 100%;
	max-width: 2000px;
	margin-top: 150px;
	margin-bottom: 200px;
	margin-left: auto;
	margin-right: auto;	
}

.heading {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 80px;
	color: #ED1C24;
	font-family: 'Gill Sans MT';
	font-weight: normal;
	font-size: 32px;
}

.heading_02 {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 80px;
	color: #ED1C24;
	font-family: 'Gill Sans MT';
	font-weight: normal;
	font-size: 28px;
}

.image_container {
	position: relative;
	float: none;
	width: 100%;
	heith: auto;
}

.work_image {
	position: relative;
	left: 0;
	right: 0;
	float: none;
	width: 100%;
	heith: auto;
	margin-left: 0;
	margin-right: 0;
	top: 0;
	bottom: 0;
}

.work_heading {
	position: relative;
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}
	
.float_image {
	float: right;
	clear: right;
	margin-left: 40px;
	margin-right: 0;
	margin-bottom: 20px;
	width: 50%;
	min-width: 480px;
	height: auto;	
}	

.paragraph_body {
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
	width: auto;
	height: auto;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
	margin-bottom: 30px;
}

.email {
	position: relative;
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	text-align: center;
	left: 0;
	top: 120px;
	right: 0;
	z-index: 1;
}

.footer {
	position: relative;
	height: 200px;
	top: 0;
	margin-left: 0;
	margin-right: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

@media screen and (max-width: 560px){
	
	body,td,th {
		font-size: 18px;
	}
	
	/* begin mobile navigation */
	
	.logo {
		width: 80%;
		max-width: 310px;
	}
	
	.desktop_navigation_tabs {
		display: none;
	}
	
	/* begin sticky navigation panel */
	
	.float_logo {
		float: none;
		display: block;
		margin: 0 0 0em 0em;
		width: 100%;
		min-width: 100%;
		height: auto;
	}
	
	.float_tabs {
		float: none;
		display: block;
		margin: 0 0 0em 0em;
		width: 100%;
	}
	
	/* end sticky navigation panel */
	
	.mobile_navigation {
		display: block;
	}
	
	/* begin mobile button */
	
	a.button {
		display: block;
		margin: 0.4em auto;
		font-size: 18px;
	}
	
	/* end mobile button */
	
	/* begin menu icon */
	
	.menu_icon_container {
		width: 20%;
		height: auto;
	}
	
	.menu_icon {
		z-index: 4;
		position: absolute;
		display: inline-block;
		cursor: pointer;
		top: 10px;
		right: 20px;
		left: auto;
		width: 34px;
		height: 27px;
	}

	.bar1, .bar2, .bar3 {
		z-index: 10;
		width: 35px;
		height: 5px;
		background-color: #ED1C24;
		margin: 6px 0;
		transition: 0.4s;
	}
	
	/* end menu icon */
	
	/* begin mobile sidedrawer navigation panel */
	
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		background-color: #000000;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
		text-align: center;
	}
	
	.content {
		position: relative;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 90px;
		height: auto;
	}
	
	.sidenav a {
		text-decoration: none;
		color: #ED1C24;
		display: block;
		transition: 0.3s;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 75px;
		margin-left: 50px;
	}
	
	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	}
	
	/* end mobile sidedrawer navigation panel */
	
	.main_content {
		position: relative;
		width: 100%;
		margin-top: 130px;
		margin-bottom: 150px;
	}
	
	.heading {
		margin-top: 20px;
		font-size: 24px;
		margin-bottom: 40px;
	}
	
	.heading_02 {
		margin-top: 20px;
		font-size: 18px;
		margin-bottom: 40px;
	}
	
	.paragraph_body{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.work_heading {
		padding-top: 15px;
		padding-bottom: 30px;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
	
	.email {
		top: 80px;
	}
	
}


@media screen and (max-width: 640px){
	
	.float_image{
		float: none;
		display: block;
		left: 0;
		right: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		min-width: 320px;
		margin-bottom: 20px;
				
	}
	
}