@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Quicksand);

@viewport{
	zoom:1.0;
	width:extend-to-zoom;
}
@-ms-viewport{
	width:extend-to-zoom;
	zoom:1.0;
}

/*===========standards and resets=============*/
*{
padding: 0;
margin: 0;	
}
html{
	font-size: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
img{
	border: 0;
	text-decoration: none;	
}
/*=================BLOCKS, BODY, CONTAINER===============*/
header , nav, article, footer{
	display: block;
}
body {
	font-family: 'Quicksand', Arial, sans-serif;
	line-height: 150%;
	background-color:white;
	color: #000000;
	font-size: 100%;
}
.container {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 10pt;
}

/*========HEADER==========*/
header{
	font-family: 'Quicksand', sans-serif;
	font-size: 6vw;
	text-align: center;
	padding: 5% 0;
	border-bottom: 1px black solid;
	text-align: center;
	
}

/*===========COLUMNS==========*/
.left-column{
	display: block;
	float: left;
	width: 20%;
	margin: 0 0.50%;
	padding-bottom: 1%;
}
.mid-column{
	display: block;
	float:left;
	width: 50%;
	margin: 0 1.5%;
	padding-bottom: 1%;
}
.right-column{
	float: left;
	width: 20%;
	margin: 0 0.50%;
	padding-bottom: 1%;
}
.clear-columns{
	clear: both;
}

/*=====ELEMENTS====*/
button{
	padding: 1.2%;
	border-radius: 85%;
	background-color: AliceBlue;

}
span{
	text-decoration: underline;
	font-weight: bold;
}
a{
	color:black;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Quicksand', sans-serif;
}
p{
	font-size: 1vw;
}
/*====FORMS====*/
.formButton{
	width: 100%;
	padding: 1.5%;
	margin: 1%;
	border: 1px black solid;
	float: right;
	
}
#form-container{
	float: right;
	background-color: #f2f2f2;
	padding: 1.5%;
}
#submit{
	padding: 0.5%;
	border-radius: 25%;
}
#reset{
	border-radius: 25%;

}
label{
	font-family: 'Quicksand', sans-serif;
	font-size: 1.5vw;
}
fieldset{
	border:0;	
}
/*=======ID AND CLASSES======*/
.header-img{
margin-top: auto;
margin-bottom: auto;
margin-right: 5%;
max-height: 8vw;	
border-radius: 85%;
box-shadow: 0px 10px 10px 0px rgba(219,219,219,1);
-webkit-box-shadow: 0px 10px 10px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 10px 10px 0px rgba(219,219,219,1);
}
.grayStyle{
	color: #666564;
}

.light{
	text-align: center;
	color: #999999;
	font-size: 2vw;
}
.resumeButton{
	width: 100%;
	padding: 1.5%;
	margin: 1%;
	border: 1px black solid;
	float: right;
}
.social-media{
	max-width: 24px;
	max-height: 24px;
	width: 24px;
	height: 24px;
}

.social-media:hover{
	opacity: 0.2;	
}
.fotorama{
	width: 100%;
	background-color: black;
	padding: 0.5%;
}
.promptStyle{
text-align:center;	
}
/*====FOOTER=====*/
footer{
	clear: both;
	color: #848484;
	font-family: 'Quicksand', Arial, sans-serif;
	border-top: 1px black solid;
	padding: 1%;
	margin: 1%;
}
footer ul {
	margin: 1%;
	list-style: none;
	text-align: center;
	font-size: 2vw;
}
footer ul li{
	font-size:50%;
	color: gray;
	text-decoration: none;
	display:inline;
	padding: 2.5%;
	margin-top: 5%;

}

footer ul a {
	text-decoration: none;
	color: black;
}
footer ul a:hover{
	text-decoration: underline;

}

/*====END FOOT*====*/
/*-----------------------------*/
@media screen and (max-width: 640px) { 
body {
	line-height: 200%;
}
h4{
	font-size:5vw;	
}
p{
	font-size: 4.5vw;
}
.left-column{
	width: 100%;
}
.mid-column{
	width: 100%;
	margin: 5% 0;

}
.right-column{
	width: 100%;
	margin: 5% 0;
}
label{
	font-size: 3vw;
}
footer ul li{
	font-size:3vw;
}
.promptStyle{
	font-size: 2.5vw;
	text-align:center;	
	color: blue;
}
.formButton, .resumeButton{
	text-align:center;
}
}
@media screen and (max-width: 800px) { 
body {
	line-height: 200%;
}
.header-img{
	max-height: 12vw;
}
h4{
	font-size:5vw;	
	margin: 1.5% 0;
}
p{
	font-size: 3.5vw;
}
footer ul li{
	font-size:3vw;
}
.left-column{
	width: 100%;
}
.mid-column{
	width: 100%;
	margin: 5% 0;

}

.right-column{
	width: 100%;
	margin: 5% 0;
}

.promptStyle{
	font-size: 2.5vw;
	text-align:center;	
	color: blue;
}
label{
	font-size: 3vw;
}
.formButton, .resumeButton{
	text-align:center;
}
}
@media screen and (max-width:1024px) {
body {
	line-height: 200%;
}
p{
	font-size: 4vw;
}
h4{
	font-size:5vw;	
	margin: 1.5% 0;
}

.left-column{
	width: 100%;
}
.mid-column{
	width: 100%;
	margin: 5% 0;

}
.right-column{
	width: 100%;
	margin: 5% 0;
}
footer ul li{
	font-size:3vw;
}
.promptStyle{
	font-size: 2vw;	
	text-align:center;
	color: blue;
}
label{
	font-size: 5vw;
}
.formButton, .resumeButton{
	text-align:center;
	
}
}