html,
button,
input,
select,
textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/****RESET*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*****END OF RESET****/ 
/****BODY & HTML *****/
html{
  font-size:62.5%; 
}
body {	
	background:#f3f3f3 url(../images/body-light.jpg) 0 0 repeat;
	font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;	
	color:black;
	padding:5px 0;
	padding:0.5rem 0;
}
a {
	text-decoration:none;
	color:black;
	display:block;	
	-webkit-transition: 0.15s ease-in;
	-moz-transition: 0.15s ease-in;
	-o-transition: 0.15s ease-in;
	-ms-transition: 0.15s ease-in;
	transition: 0.15s ease-in;
}
a:focus {
	outline:0;
}
p{
	font-size:16px;
	font-size:1.6rem;
}	
/***END BODY & HTML****/
#container {
	width:85%;
	margin:0 auto;
	max-width:1300px;	
}
/***HEADER*****/
/***FILTER PROJECTS NAVIGATION****/
#filter{
	float:right;
	font-size:20px;
	font-size:2rem;
	overflow:hidden;
	text-transform:capitalize;	
}
#filter{
	float:none;
	margin-left:10px;
	margin-left:1rem;	
}
#filter li {	
	display:inline-block;
	margin:0 20px 10px 0;
	margin:0 2rem 1rem 0;	
}
#filter li:last-child{
	margin-right:0;
}
#filter li a, #filter li a:link, #filter li a:visited {	
	padding:5px;
	padding:0.5rem;	
}
#filter li a, #filter li a:link, #filter li a:visited {	
	border-bottom:2px solid transparent;
}
#filter li a:hover, #filter li a:active, #filter li a:focus {		
	border-bottom:2px solid black;
	outline:0;	
}
#filter li a.active_filter{
	border-bottom:3px solid #F20056;
}
#filter li strong{
	text-transform:uppercase;
}
/***FILTER PROJECTS NAVIGATION****/
/***HEADER****/
header {
	overflow:hidden;		
}
h1{
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;
	font-size:49px;
	font-size:4.9rem;
	font-weight:bold;	
	display:inline;	
	text-transform:capitalize;
	margin-top:80px;
	margin-left:85px;
}
h2 {
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;
	font-size:20px;
	font-size:2rem;
	margin-left:380px;
	margin-left:38rem;
	text-transform:uppercase;
	
}
header a img {
	margin-bottom:-50px;
	margin-bottom:-5rem;
}
header a:focus img {
	outline:1px dashed #F20056;
}
.ampersand{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/***END OF HEADER***/
/**MAIN NAVIGATION****/
nav {
	border-top:1px dashed black;
	border-bottom:1px dashed black;
	margin-top:40px;
	margin-top:4rem;		
}
#main_nav {
	overflow:hidden;
	font-size:21px;
	font-size:2.1rem;
	text-transform:uppercase;
}
#main_nav li{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#main_nav li a:link, #main_nav li a:visited {	
	padding:18px 28px;
	padding:1.8rem 2.8rem;
	background:none;
}
#main_nav li a:hover, #main_nav li a:active, #main_nav li a:focus {
	background:#F20056;
}
#main_nav li a.active_page{
	background:#F20056;
	font-weight:bold;
	color:white;
}
/****END OF MAIN NAVIGATION****/
/***INTRO****/
#intro{
	padding:20px 0px 20px 15px;
	padding:2rem 0rem 2rem 1.5rem;
	border-bottom:1px dashed black;
	overflow:hidden;	
}
blockquote{
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;	
	font-style:italic;
	font-size:32px;
	font-size:3.2rem;
	letter-spacing:0.9px;
	line-height:40px;	
	line-height:4rem;
	padding-top:10px;	
}
blockquote:before {
	content: "\201C";
	float:left;
	font-style:italic;
	margin: -10px 0px 0px -25px;	
	padding-top:10px;	
	font-size:100px;
	font-size:10rem;
	color:#F20056;	
}	
.button:link,.button:visited,.button_gr:link, .button_gr:visited {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition:none;
	-ms-transition: none;
	transition: none;
	margin-top:25px;
	margin-top:2.5rem;
	display:block;		
	float:right;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;
}
.button:link,.button:visited{
	padding:20px 25px;
	background:#F20056;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-khtml-border-radius: 10px;	
	color:white;
	text-align:center;
	font-size:22px;	
	
}	
.button:hover, .button:active, .button:focus{
	color:black;
} 	
/***END OF INTRO****/
/****SELECTED PROJECTS****/
#selected_projects, #projects_section, #individual_project{
	padding:30px 0 40px 0;
	padding:3rem 0rem 4rem 0rem;
	border-bottom:1px dashed black;
}
#selected_projects img:hover, #projects_section img:hover{		
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
#projects li a:focus img{
	outline:1px dashed #F20056;
}
#individual_project a.visit_button:link, #individual_project a.visit_button:visited, #biography a.view_cv:link, #biography a.view_cv:visited {
	padding:10px;
	background:#F20056;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px;
	width:120px;
	color:white;
	text-align:center;
	font-size:20px;	
}
#individual_project a.visit_button:hover, #individual_project a.visit_button:active, #individual_project a.visit_button:focus, #biography a.view_cv:hover, #biography a.view_cv:active, #biography a.view_cv:focus{
	color:black;
}
#individual_project p a{
	display:inline;
	color:#F20056;
}
#individual_project p a:hover, #individual_project p a:active, #individual_project p a:focus{
	color:grey;
}
h3 {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;
	font-style:italic;
	font-size:29px;
	font-size:2.9rem;	
	text-transform:uppercase;
	padding-bottom:40px;
	padding-bottom:4rem;
	line-height:30px;
	line-height:3rem;
}
#projects {
	overflow: hidden;
	font-size:16px;
	font-size:1.6rem;
	line-height:20px;
	line-height:2rem;
}
#projects li {
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:30%;	
	margin-right:5%;
	padding:8px;
	padding:0.8rem;
	border-bottom: 1px dashed black;		
}
#projects li a:link,#projects li a:visited{
	display:inline;
	color:#F20056;	
}
#projects li a:hover,#projects li a:active, #projects li a:focus{	
	color:grey;
}
#projects li:nth-child(3),#projects li:nth-child(6), #projects li:nth-child(9),#projects li:nth-child(12){
	margin-right:0;
}
#projects li img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
	margin-bottom:1rem;
	background:grey;
	border: 1px solid black;		
}
/***END OF SELECTED PROJECTS****/
/*****SERVICES*****/
#services{
	padding:30px 0px 20px 0px;
	padding:3rem 0rem 2rem 0rem;
	border-bottom:1px dashed black;
	overflow:hidden;
}
h4{	
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Dejavu Sans", Verdana, sans-serif ;
	font-size:20px;
	font-size:2rem;
	text-transform:uppercase;
	margin-bottom:20px;
	margin-bottom:2rem;	
}
#services h4{
	color: black;	
	font-size:2px;
	font-size:2.2rem;
	margin-left:10px;
}
#services ul{
	font-size:16px;
	font-size:1.6rem;
	text-transform:capitalize;	
}
#services ul li{
	margin-bottom:15px;
	margin-bottom:1.5rem;
	margin-right:5px;
	display:inline-block;
}
#services ul li:before{
	content: "\2714 ";	
}
/****END OF SERVICES****/	
/***FOOTER****/
footer{
	padding:30px 0px 20px 0px;
	padding:3rem 0rem 2rem 0rem;
	border-bottom:1px dashed black;
	overflow:hidden;
}
#menu, #social_media, #back_to_top{
	float:left;
	width: 33.33333333333333%;		
}
#footer_menu{
	font-size:15px;
	font-size:1.5rem;
	text-transform:uppercase;
}
#footer_menu li a:link, #footer_menu li a:visited{
	display:block;
	margin-bottom:7px;
	margin-bottom:0.7rem;
}
#footer_menu li a:hover, #footer_menu li a:active, #footer_menu li a:focus{	
	color:#F20056;
}
#social_media{
	text-align:center;	
}
#social_media img:hover,#social_media img:focus, #back_to_top img:hover, #back_to_top img:focus{
	opacity:0.7;
	filter:alpha(opacity=70); 
}
#footer_social_media li a:focus img {
	outline:1px dashed #F20056;
}
#back_to_top a:focus img {
	outline:1px dashed #F20056;	
}
#footer_social_media {	
	width:100%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;	
}
#footer_social_media li {	
	float:left;	
	width:14%;
	margin-right:12.4%;
}
#footer_social_media li:last-child {
	margin-right:0;
}
#footer_social_media li  a img{
	width:100%;
	height:auto;
	text-align:center;	
}
#footer_social_media li a p,#back_to_top a p{
	display:none;
}
#back_to_top{
	text-align:right;
}
#back_to_top img{
	width:14%;
	height:auto;
}
/***END OF FOOTER****/
/***COPYRIGHT*****/
#copyright{
	padding:25px 0px 0px 0px;
	padding:2.5rem 0rem 0rem 0rem;
	font-size:15px;
	font-size:1.5rem;
	overflow:hidden;
}
#copyright ul{
	overflow:hidden;
}
#copyright ul li{
	float:left;	
	padding-bottom:10px;
	padding-bottom:1rem;
}
#copyright ul li:first-child{
	width:80%;
	padding-top:5px;
	padding-top:0.5rem;
}
#copyright ul li:last-child{
	width:20%;
}	
#copyright ul li:last-child{
	text-align:right;
}
#copyright img{
	width:30%;
	height:auto;	
}
/*****END OF COPYRIGHT*****/
/***BIOGRAPHY & MORE******/
#biography{
	padding:30px 0px 40px 0px;
	padding:3rem 0rem 4rem 0rem;
	border-bottom:1px dashed black;
	overflow:hidden;
}
#biography p{
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:17px;
	margin-bottom:1.7rem;
	line-height:22px;
	line-height:2.2rem;
}
#biography p:last-child{
	margin-bottom:0;
}
#biography img{
	float:right;
	margin:0 0 20px 40px;
	margin:0 0 2rem 4rem;	
	width:30%;
	height: auto;	
}
#biography h3{
	padding-bottom:20px;
	margin-top:30px;
	color: black;
	font-size:27px;
}
#biography h3.distance{
	margin-top:30px;
}
#biography p:before{
	content: "\2714 ";	
}
#biography p.cv:before{
	content: " ";	
}
#biography p.cv{
	margin-top:20px;
}
#biography ul{
	font-size:16px;
	font-size:1.6rem;
	text-transform:capitalize;	
}
#biography ul li{
	margin-bottom:15px;
	margin-bottom:1.5rem;
	margin-right:5px;
	display:inline-block;
}
#biography ul li:before{
	content: "\2714 ";	
}
.date{
	color:#F20056;
	font-weight:bold;
}	
/****END OF BIOGRAPHY & MORE*******/	
/***PROJECTS_SECTION*****/
#projects_section {
	padding:30px 0px 0px 0px;
	padding:3rem 0rem 0rem 0rem;
}	
#projects_section  #projects{
	margin-top:40px;
	margin-top:4rem;
}
#projects_section  #projects li {
	margin-bottom:40px;
	margin-bottom:4rem;
}
#contact_section{
	overflow:hidden;
	padding:30px 0px 40px 0px;
	padding:3rem 0rem 4rem 0rem;
	border-bottom:1px dashed black;
}
#contact_section p.submit_message {
	text-align:center;
	font-size:30px;
	font-size:3rem;
	font-weight:bold;
	color:#F20056;
	padding:70px 0;
}
#contact, #get_in_touch{
	width:50%;
	float:left;
}
#get_in_touch{
	overflow:hidden;
}
#get_in_touch p{
margin-bottom:30px;
margin-bottom:3rem;
}
#contact p{
	margin-bottom:35px;
	margin-bottom:3.5rem;	
}
#contact img {
	margin-right:10px;
	margin-right:1rem;
}
.highlight{
	font-weight:bold;
	color:#F20056;
}
/****END OF PROJECTS******/
/***BREADCRUMBS & INDIVIDUAL PROJECTS ****/
#breadcrumbs {
	font-size:18px;
	font-size:1.8rem;
	line-height:22px;
	line-height:2.2rem;
	margin-bottom:40px;	
	margin-bottom:4rem;	
}
#breadcrumbs li {
	display:inline-block;
	padding:5px;
	padding:0.5rem;
}
#breadcrumbs li a:link,#breadcrumbs li a:visited{
	display:block;
}
#breadcrumbs li a:hover, #breadcrumbs li a:active, #breadcrumbs li a:focus{
	color:#F20056;
}
#individual_project{
	overflow:hidden;
}
.title{
	color:#F20056;
	font-weight:bold;
}
#individual_project input[type=button] {
	background: #F20056;
	border:none;
	padding:10px;
	color:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px;	
	text-align:center;
	font-size:20px;	
}
#individual_project input[type=button]:hover, #individual_project input[type=button]:active, #individual_project input[type=button]:focus {
	color: #000;
}
#image_holder,#featured_video{	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:40%;
	float:right;
	margin-left:10%;	
}
#featured_video iframe{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid black;
	background:grey;
}
#image_holder img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:auto;	
	border:1px solid black;
	background:grey;		
}
#image_holder.wmuSlider{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid black;	
}
#image_holder.wmuSlider img{	
	border:none;
}
#description{
	width:50%;
	float:left;
}
#description p{
	line-height:20px;
	margin-bottom:20px;
	font-size: 18px;
}
/* mwuSlider */
.wmuSlider {
	position: relative;
	overflow: hidden;		
}
.wmuSlider .wmuSliderWrapper {
	display: none;
}
.wmuSlider .wmuSliderWrapper article {
	position: relative;		
}
.wmuSliderPagination {	
	z-index: 2;
	position: absolute;
	left: 48%;
	bottom: 3px;
}
.wmuSliderPagination li {
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
}
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background: #F20056;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.wmuSliderPagination a.wmuActive {
	background: black;
}	
/***END OF BREADCRUMBS & INDIVIDUAL PROJECTS ****
/*****FORM******/
form {	
	float: left;
	margin: 0 8% 0 0;
	overflow:hidden;
}
form label {
	clear: left;
	width: 20%;
	float: left;
	padding:10px 0 35px 0;
	font-size:16px;
	font-size:1.6rem;
	text-transform:capitalize;	
}
form input, form textarea {
	min-width: 150px;
	width: 75%;
	padding: 10px;	
	margin: 15px 0 5px 0;
	background: #fff;
	background: rgba(255, 255 ,255, .4);
	border: 1px solid #999;	
	font-size: 16px;
	font-size: 1.6rem;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	-khtml-border-radius: 2px; 
}
form input#name {
	margin-top:0;
}
form input:hover, form input:active, form input:focus, form textarea:hover, form textarea:active, form textarea:focus{
	border-color: black;
}
form input[type=submit] {
	min-width: 190px;
	width: 10%;
	clear: left;
	padding: 10px;
	margin-right:5px;
	border: 0;	
	background: #F20056;
	font-weight: bold;
	color: white;
	text-align: center;	
	float:right;
	text-transform:capitalize;
	margin-bottom:0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px; 
}
form input[type=submit]:hover, form input[type=submit]:active, form input[type=submit]:focus {
	color: #000;
}
/***END OF FORM****/
#get_in_touch  p.error_message{
	color:#F20056;
}
/**********************************MEDIA QUERIES**************************/
@media screen and (max-width: 1124px) {
form ul li {
	text-align:left;
}
form label{
	padding-bottom:10px;
	padding-bottom:1rem;
}
form input,form input#name {
	margin-top:7px;
	margin-top:0.7rem;
	width:90%;
}
form textarea{
	width:90%;
}
}
@media screen and (max-width: 1124px) {
form input[type=submit] {
	float:left;
}
form input, form textarea {
	margin-bottom:10px;
	margin-bottom:1rem;
}
}
@media screen and (max-width: 910px) {
#filter{
	font-size:19px;
	font-size:1.9rem;
}
#filter li{
margin-right:6px;
}
blockquote{	
	font-size:29px;
	font-size:2.9rem;		
}
blockquote:before {		
	font-size:90px;
	font-size:9rem;	
}
h3{
	font-size: 28px;
	font-size: 2.8rem;
}
#contact{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:10px;
}	
}
@media screen and (max-width: 768px) {
.button:link,.button:visited{
	padding:15px 20px;	
	font-size:20px;		
}	
#contact{	
	padding-left:0px;
}	
h3, #biography h3{
	font-size: 26px;
	font-size: 2.6rem;
}
#container{
	width:95%;	
}
blockquote{	
	font-size:27px;
	font-size:2.7rem;		
}
blockquote:before {		
	font-size:80px;
	font-size:8rem;		
}

#selected_projects #projects li, #projects_section #projects li {
	width:48%;
	margin-right:4%;
}
#selected_projects #projects li:nth-child(2),#projects_section #projects li:nth-child(2),#projects_section #projects li:nth-child(4),#projects_section #projects li:nth-child(6),#projects_section #projects li:nth-child(8),#projects_section #projects li:nth-child(10),#projects_section #projects li:nth-child(12),#projects_section #projects li:nth-child(14),#projects_section #projects li:nth-child(16),#projects_section #projects li:nth-child(18),#projects_section #projects li:nth-child(20){
	margin-right:0;
}
#selected_projects #projects li:nth-child(3) {
	display:none;
}
#footer_social_media li {
	float: left;
	width: 20%;
	margin-right: 6.666666666666667%;
}
#back_to_top img{
	width:20%;
}
}
@media screen and (max-width: 690px) {
#main_nav li a:link, #main_nav li a:visited {	
	padding:18px 15px;
	padding:1.8rem 1.5rem;	
}
}
@media screen and (max-width: 640px) {
#container{
	width:98%;	
}
#filter{
	font-size:17px;
}
}
@media screen and (max-width: 674px) {
header a img {
margin-bottom:7px;
margin-bottom:0.7rem;
}
h1{
	margin-left:0;
	
}
h2{
	margin-top:5px;
	margin-left:0;	
}
}
@media screen and (max-width: 663px) {
blockquote{	
	font-size:26px;
	font-size:2.6rem;		
}
blockquote:before {		
	font-size:70px;
	font-size:7rem;	
	margin-left:-20px;
}
nav{
	margin-top: 30px;
	margin-top: 3rem;
}
#biography img{
	width:40%;
}
#filter li a, #filter li a:link, #filter li a:visited {	
	padding:3px;
	padding:0.3rem;	
}
}
@media screen and (max-width: 542px) {
#contact h3,#contact p{
	padding-left:40px;
	padding-left:4rem;
}
}
@media screen and (max-width: 570px) {
#main_nav{
	font-size:1.9rem;
}
}
@media screen and (max-width: 535px) {
blockquote{	
	font-size:24px;
	font-size:2.4rem;		
}
blockquote:before {		
	font-size:60px;
	font-size:6rem;		
}
h3,#biography h3{
	font-size: 24px;
	font-size: 2.4rem;
}
#main_nav li{
	width:50%;
}
#main_nav li:first-child, #main_nav li:nth-child(2){
	border-bottom:1px dashed black;
}
#main_nav li:nth-child(2),#main_nav li:nth-child(4){
	border-left:1px dashed black;
}
}
@media screen and (max-width: 480px) {
#selected_projects {
	padding-bottom:0;
	border-bottom:none;
}
#projects_section{
	border-bottom:none;
}
#projects_section #projects li:last-child{
	margin-bottom:0;
}
#contact_section p.submit_message {
	font-size:25px;
	font-size:2.5rem;
	padding:50px 0;
}
#selected_projects #projects li, #projects_section #projects li{
	width:100%;
	margin-right:0%;
	margin-bottom:30px;
	margin-bottom:3rem;
}
#selected_projects #projects li:nth-child(2){
	margin-bottom:0;
}
#description {
	margin-top:30px;
}
#print_services img {
	margin-bottom:140px;
	margin-bottom:14rem;
	margin-right:40px;
	margin-right:4rem;
}
#social_media h4{
	text-align:left;
}
#footer_social_media li img,#back_to_top a img{
	display:none;
}
#footer_social_media li{
	float:none;
}
#footer_social_media li a{
	margin-bottom:7px;
	margin-bottom:0.7rem;
}
#footer_social_media li a p,#back_to_top a p{
	display:block;
	font-size:15px;
	font-size:1.5rem;
	text-transform:uppercase;
}
#back_to_top {
	text-align:left;
}
#copyright ul li:first-child{
	width:100%;
}
#copyright ul li:last-child{
	display:none;
}
#footer_social_media li a:hover, #footer_social_media li a:active, #footer_social_media li a:focus, #back_to_top a:hover, #back_to_top a:active, #back_to_top a:focus{	
	color:#F20056;
}
#contact, #get_in_touch{
	width:100%;
}
#get_in_touch h3, #contact h3{
	margin-left:10px;
}
#get_in_touch p{
margin-left:10px;
}
form input[type=submit] {
	margin-bottom:40px;
	margin-bottom:4rem;
}
#get_in_touch{
	border-bottom:1px dashed black;
}
#contact p:last-child{
	margin-bottom:0;
}
#contact h3{
	padding-top:30px;
	padding-top:3rem;
}
#contact h3,#contact p{
	padding-left:0;
}
form{
	margin-left:20px;
	margin-left:2rem;
}
#contact p{
	margin-left:20px;
	margin-left:2rem;
}
h3{
	padding-bottom:30px;
	padding-bottom:3rem;
}
#contact p{
	margin-bottom:15px;
	margin-bottom:1.5rem;	
}
#image_holder, #featured_video{
	width:100%;
	float:none;	
	margin-left:0;
}
#description{
	width:100%;
	float:none;
}
}
@media screen and (max-width: 454px) {
#filter li:nth-child(4) {
	margin-left:70px;
}
}
@media screen and (max-width: 380px) {
footer h4{
	font-size:17px;
	font-size:1.7rem;
}
}
@media screen and (max-width: 362px) {
h1{
	font-size:39px;
	font-size:3.9rem;
}
h2{
	font-size:18px;
	font-size:1.8rem;
	margin-left:0;
	
}
#main_nav {
	font-size:18px;
	font-size:1.8rem;
}
h3{
	font-size:24px;
	font-size:2.4rem;
}
}
@media screen and (max-width: 320px) {
.button:link,.button:visited{	
	float:left;	
}
blockquote{	
	font-size:22px;
	font-size:2.2rem;		
}
#filter li {
	display:block;
	width:70%;
	margin-left:80px;
	margin-left:8rem;
	margin-bottom:7px;
	margin-bottom:0.7rem;	
}
#filter li:first-child {
	margin-left:0;
	
}
#filter li:nth-child(2) {
	margin-top:-28px;
	margin-top:-2.8rem;
	width:35%;		
}
#filter li:nth-child(3) {
	width:35%;
}
#filter li:nth-child(4) {
	margin-left:80px;
	width:43%;
}
#filter li:nth-child(5) {
	width:47%;
}
#biography h3.distance{
	margin-top:0px;
}
footer{
	padding-top:10px;
}
#copyright{
	padding-top:10px;
}
#individual_project {
	padding-bottom:20px;
}
#breadcrumbs {
margin-bottom:10px;
}
#services ul {
	margin-left:10px;
}
#contact_section p.submit_message {
	font-size:20px;
	font-size:2rem;
	padding:40px 0;
}
h3,#biography h3{
	font-size:22px;
	font-size:2.2rem;
}
h4{
	font-size:17px;
	font-size:1.7rem;
}
#services h4 {
	font-size:17px;
	font-size:1.7rem;
}
nav{
	margin-top:20px;
	margin-top:2rem;
}
#main_nav{
	font-size:18px;
	font-size:1.8rem;
}
#main_nav li{
	width:100%;
	border-bottom:1px dashed black;
	border-left:none;
	text-align:left;	
}
#main_nav li:nth-child(2),#main_nav li:nth-child(4){
	border-left:none;
}
#main_nav li:last-child{
	border-bottom:none;
}
#menu, #social_media, #back_to_top{
	width:100%;
	margin-left:15px;
	margin-left:1.5rem;
}
#social_media h4, #back_to_top h4{
	margin-top:10px;
	margin-top:1rem;
}
#biography img{
	 display:none;
	}
#biography p{
	margin-left:15px;
	margin-left:1.5rem;
}
#biography ul {
	margin-left:15px;
	margin-left:1.5rem;
}
#projects_section  #projects{
	margin-top:20px;
	margin-top:2rem;
}	
form{
	margin-left:20px;
	margin-left:2rem;
}
#get_in_touch p, #contact p{
	margin-left:15px;
	margin-left:1.5rem;
}
#get_in_touch h3, #contact h3 {
	margin-left: 0px;
}
#breadcrumbs li {
	display:block;
	padding-bottom:10px;
	padding-bottom:1rem;
}
#individual_project p,#individual_project input[type=button] {
	margin-left:10px;
	margin-left:1rem;
}
}
@media screen and (max-width: 307px) {
#filter{
	font-size:16px;
}
#filter li{
margin-left:60px;
}
#filter li:nth-child(2),#filter li:nth-child(3){
	width:40%;
}
#filter li:nth-child(4){
	margin-left:60px;
	width:50%;
}
#filter li:nth-child(5){
	width:63%;
}
}
@media screen and (max-width: 290px) {
blockquote{	
	font-size:21px;
	font-size:2.1rem;		
}
form input, form textarea,form input#name {
	width:85%;
}
h1{
	font-size:30px;
	font-size:3rem;
}
h3,#biography h3{
	font-size:20px;
	font-size:2rem;
} 
#language_nav,#filter{
	font-size:16px;
	font-size:1.6rem;
}
#main_nav {
	font-size:17px;
	font-size:1.7rem;
}
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.carousel-control-next, .carousel-control-prev {
    margin-right: -20px;
    margin-left: -20px;
}