@charset "UTF-8";

html, body {
	height:100%;
	width:100%;
	}

body {
	margin:0;
	padding:0;
	}

#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	position: fixed;
	background-color: #ff9933;
	height: 90px !important;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:5.000em;
    line-height: 1.500em;
	text-transform: uppercase;
	color:#fff;
	text-align:center;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:3.000em;
    line-height: 1.500em;
	text-transform: uppercase;
	color:#ff9933;
	text-align:center;
}

#introtext {
	font-size:1.800em;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
	color:#717171;
	padding: 20px 100px 100px 100px;
	background-color: #f8f8f8;
	margin-top:0px;
	margin-bottom:100px;
}

.copy {
	font-size:1.000em;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
	color:#717171;
}

a:link, a:visited {
	text-decoration: none;
	color:#ffffff;
}

a:hover {
	text-decoration: none;
	color:#717171;
}


/* Portfolio Part */

.content {
	max-width:1480px;
	width:auto;
	margin:0 auto;
	text-align:center;
	}


footer {
  position: fixed;
  padding: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}

/* RESPONSIVE */

/* iPads (landscape) ----------- */
@media only screen
and (max-width : 768px) {
/* Styles */
.content {
	max-width:1140px;
	width:auto;
	margin:0 auto;
	text-align:center;
	}

h1 {font-size:3.000em;}

#introtext {font-size:1.800em; line-height:1.800em; padding: 20px 10px 50px 10px;}

}

/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 480px) {
/* Styles */
body, html {

	}

#header {
	height: 55px !important;
	background-color: #333 !important;
	padding-top:0px !important;
	}

.logo {
	margin-top:10px !important;
	text-align: center;
	}

.logo img {width:30px; height:auto; }


h1 {
  font-size:1.500em !important;
	font-weight:400;
}

h2 {
	font-size:1.500em;
	font-weight:400;
}

.content {
	max-width:1200px;
	width:auto;
	margin:0 auto;
	text-align:center;
	padding: 0px 0px 0px 0px !important;
	}

#introtext {font-size:1.2500em; line-height:1.5000em; padding: 20px 10px 50px 10px;}

}


/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
.content {
	max-width:1300px;
	width:auto;
	margin:0 auto;
	text-align:center;
	}

	h1 {
	  font-size:1.200em !important;
		font-weight:600;
	}

#introtext {font-size:1.2500em; line-height:1.5000em; padding: 20px 10px 50px 10px;}
}