body {
	font-family: 'Raleway', sans-serif;        
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	padding:20px;
    }

#sub {
	padding:20px;
	margin-left: auto;
	margin-right: auto;
	background-color: red;
	color:black;
	font-size: 20px;
	max-width: 450px;
	color:white;
	}
	
.brokenLink{
    max-width: 700px;
    /*border: 2px solid #1c9bc2;*/
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

h1 {
	font-family: 'Yantramanav', sans-serif;
	font-size: 60px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0px;
	line-height: 95%;
	}

h1 a{
    color: black;
    text-decoration: none;
}

h2 {
	font-family: 'Yantramanav', sans-serif;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0px;
	line-height: 95%;
}

.about {
	padding-left:20px;
	padding-right: 20px;
	margin-bottom: 15px;
	font-size: 18px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;	
	text-align: justify;
	line-height: 140%;
}

.highlight {
	background-color: yellow;
}

.contact {
	max-width: 450px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	padding-top:0px;
	margin-top:0px;
}

.contact p {
	display:inline-block;
}

.contact a {
	color:#1c9bc2;
/*	padding-left:10px;
*/}

.contact a:hover {
	color:black;
}



.portfolio {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

.portfolio img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	display:inline-block;
	width:92%;
	height:92%;
	padding-top: 40px;
	
}

.portfolio img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	cursor: pointer;
}


.portfolio p {
	text-align: left;
	font-family: 'Raleway', sans-serif;        
	font-size: 15px;
	font-weight: 300;
	padding-left: 15px;
	margin-top:0px;
	}

.portfolio h2 {
	text-align: left;
	font-family: 'Yantramanav', sans-serif;      
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.portfolio a {
	color:white;
}

.portItem {
	width: 32.85%;
	display: inline-block;
	vertical-align: top;
}

.imgPadding {
	padding-top: 50px;
}



/*Individual portfolio pages*/


.liveButton {
	font-weight: 700;
	max-width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-bottom: 0px;
	background-color: #1c9bc2;
	border-radius: 10px;
	font-size: 15px;
}

.liveButton p {
	display:inline-block;
}

.liveButton a {
	color:white;
/*	padding-left:10px;
*/}

.liveButton a:hover {
	color:black;
}

.buttonPadding {
	padding-bottom: 60px;
}


.portPage img {
	max-width: 800px;
	width:100%;
}

.portLink a {
	font-family: 'Raleway', sans-serif;  
	font-size: 18px;
	color:grey;
	text-align: center;
	max-width: 750px;
}

.portLink a:hover {
	color:black;
}

.projectBlurb {
	padding-left:20px;
	padding-right: 20px;
	margin-bottom: 40px;
	font-size: 18px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;	
	text-align: justify;
	line-height: 140%;
}


/* Media Queries */

@media (max-width: 760px) {
	.portItem {
	width: 48%;
	} 

}


@media (max-width: 600px) {

	.about, .projectBlurb {
	font-size:15px;
	}

	.portLink a {
	font-size: 15px;
	}
  
}



@media (max-width: 480px) {
	.portItem {
	width: 90%;
	}

	.contact p {
	font-size:18px;
	}

	.projectBlurb {
	padding-left:5px;
	padding-right: 5px;
}
  
}