@charset "utf-8";
/* Global Styles */

body {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	background: url(../../background.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a {color: rgba(146,146,146,1.00);}

#logoTablet {display: none}
#logoDesktop {display: block}
#logoMobile {display: none}

/* Header */
header {
	display: block;
	position: absolute; top: 50%; right: 600px; margin: -150px 0 0 0;
}
/* Main Content sections */
.mainContent .section1 {
	display: block;
}
.mainContent .section1 .section1Content {
	font-family: ProximaNova;
	font-size: 20px;
	font-weight: 100;
	color: rgba(146,146,146,1.00);
}
.mainContent .section1 .section1Content span {
	color: rgba(146,146,146,1.00);
	font-family: sans-serif;
}
.mainContent {
	display: block;
}

/* Media query for Mobile devices*/
@media only screen and (min-width : 0px) and (max-width : 480px) {
body, html {
	width: 100%;
	height: 100%;
	background: url(../../backgroundMobile.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#logoTablet {display: none}
#logoDesktop {display: none}
#logoMobile {display: block; margin: auto}

/* Header */
header {
	float: none;
	position: relative; 
	left: 0; 
	right: auto;
	top: 18%; 
	margin: auto;
	width: auto;
}

/* Main content sections */
.mainContent .section1 {
	margin: auto;
	width: 280px;
}
.mainContent .section1 .section1Content {
	display: block;
	text-align: left;
	font-family: sans-serif;
	text-align: justify;
	font-size: 18px;
	margin: auto;
}
}
/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1024px) {
body, html {
	width: 100%;
	height: 100%;
	background: url(../../backgroundTablet.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#logoTablet {display: block}
#logoDesktop {display: none}
#logoMobile {display: none}

/* Header */
header {
	float: none;
	position: absolute; 
	left: 50%; 
	right: auto;
	top: 50%; 
	margin: -125px auto 0 -250px;
	width: auto;
}

header .profileHeader {
	text-align: left;
}
/* Main content and sections */
.mainContent .section1 .section1Content {
	display: block;
	margin: 0% 0% 0% 5%;
	font-family: sans-serif;
	margin-bottom: 5%;
	font-size: 18px;
}
}
/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
/* Header */
header {
	position: absolute; top: 50%; right: 25%; margin: -150px 0 0 0;
}
header .profileHeader {
	text-align: left;
	padding-top: 10%;
}
.mainContent .section1 {
	margin: 50px auto auto auto;
}
/* Main content sections */
.mainContent .section1 .section1Content {
	display: block;
	margin-top: 0%;
	margin-right: 0%;
	margin-left: 15%;
	margin-bottom: 0%;
	font-family: sans-serif;
}
}