@charset "UTF-8";
h1  {
	font-family: source-sans-pro;
	font-style: normal;
	font-variant: normal;
	font-size: 3em;
	border-top: 10px solid #4B9DC6;
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	color: #373637;
	font-weight: 300;
	display: none;
}
h2 {
	font-family: source-sans-pro;
	font-style: normal;
	font-variant: normal;
	font-size: 2.5em;
	border: thin none #FFFFFF;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: 0px;
	text-align: center;
	color: #373637;
	font-weight: 200;
	display: none;
}
body  {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	margin-left: 0px;
}
.paragraph {
	margin-left: 20%;
	margin-right: 20%;
	color: #373637;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	font-size: medium;
	display: none;
}
body footer {
	text-align: center;
	font-size: 11px;
	border-top: thin solid #373637;
	margin-left: 20%;
	margin-right: 20%;
	color: #373637;
}
body nav {
	text-align: center;
	border: medium solid #4B9DC6;
	font-size: x-large;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 36%;
	margin-right: 36%;
	font-style: normal;
	font-weight: 400;
	color: #373637;
}
.navportfolio {
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	color: #373637;
	margin-right: 6%;
}
.navcontact {
	margin-left: 6%;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	color: #373637;	
}
.navportfolio:hover {
	color: #4B9DC6;
	font-size: x-large;
}
.navcontact:hover {
	color: #4B9DC6;
	font-size: x-large;
}

#click {
	display: none;
}
#centerimg {
	margin-bottom: 15px;
	width: 60%;
	display: none;
}

@media (min-width: 1200px){
h1 {
	font-family: source-sans-pro;
	font-style: normal;
	font-variant: normal;
	font-size: 3em;
	border-top: 10px solid #4B9DC6;
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	color: #373637;
	font-weight: 300;
	width: 1200px;
}
body footer {
	text-align: center;
	font-size: 11px;
	border-top: thin solid #373637;
	color: #373637;
	width: 720px;
	margin-left: 240px;
}
body nav {
	text-align: center;
	border: medium solid #4B9DC6;
	font-size: x-large;
	margin-bottom: 30px;
	margin-top: 20px;
	font-style: normal;
	font-weight: 400;
	color: #373637;
	width: 336px;
	margin-left: 432px;
}
h2 {
	font-family: source-sans-pro;
	font-style: normal;
	font-variant: normal;
	font-size: 2.5em;
	border: thin none #FFFFFF;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: center;
	color: #373637;
	font-weight: 200;
	width: 1200px;
}
.paragraph {
	color: #373637;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	font-size: medium;
	width: 720px;
	margin-left: 240px;
}

body {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	margin-left: auto;
	width: 1200px;
	margin-right: auto;
}
}

@media (min-width: 650px) and (max-width: 1200px){
body nav {
	text-align: center;
	border: medium solid #4B9DC6;
	font-size: 148%;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 36%;
	margin-right: 36%;
	font-style: normal;
	font-weight: 400;
	color: #373637;
}
.paragraph {
	margin-left: 20%;
	margin-right: 20%;
	color: #373637;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	font-size: medium;
}

}

@media (min-width: 650px) and (max-width: 960px){
body nav {
	text-align: center;
	border: medium solid #4B9DC6;
	font-size: 148%;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 28%;
	margin-right: 28%;
	font-style: normal;
	font-weight: 400;
	color: #373637;
}

}

@media (max-width: 650px){

body nav {
	text-align: center;
	border: medium solid #4B9DC6;
	font-size: 1.3em;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 16%;
	margin-right: 16%;
	font-style: normal;
	font-weight: 400;
	color: #373637;
}
h2 {
	font-family: source-sans-pro;
	font-style: normal;
	font-variant: normal;
	font-size: 2.4em;
	border: thin none #FFFFFF;
	margin-top: 0px;
	margin-bottom: 4%;
	margin-right: 0px;
	text-align: center;
	color: #373637;
	font-weight: 200;
}
h1 {
	font-family: source-sans-pro;
	font-style: normal;
	font-variant: normal;
	font-size: 3em;
	border-top: 10px solid #4B9DC6;
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	color: #373637;
	font-weight: 300;
}
.paragraph {
	margin-left: 10%;
	margin-right: 10%;
	color: #373637;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	font-size: medium;
}
}