body,
html {
	font-family: "Raleway", sans-serif;
	background-color: #fdfefd;
	color: #111;
}

/*coloured title*/
#title h1 {
	font-weight: 900;
	font-size: 3.5em;
	margin: 130px 15px 85px 15px;
	color: #e01414;
	text-shadow: #f39191 -4px -3px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	background-color: transparent;
	border: none;
}

/*about image is round*/
#about img {
	width: 100%;
	border-radius: 50%;
}

.portfolio-block img {
	width: 100%;
	margin-bottom: 10px;
	box-shadow: 0 0px 8px 0 #ccc;
}

#about {
	margin-bottom: 60px;
}

::selection {
	background: #e8e0e0;
}

.highlight {
	background-color: #fbcaca;
	padding: 1px 2px;
	margin: 0 -1px;
}

.introlinks {
	background-color: rgb(243, 240, 240);
	padding: 8px;
	line-height: 1.8em;
	margin: 0 -8px;
}

a,
a:hover {
	color: inherit;
	text-decoration: none;
}

a {
	border-bottom: #f39191 1px solid;
}

a:hover {
	border-color: #e01414;
	/*background-color: #f39191;*/
}

h1 {
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 2em;
	margin-bottom: 0.2em;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 1.8em;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 2px 0;
}

.portfolio-block {
	margin-bottom: 35px;
}

.portfolio-link {
	display: inline-block;
	height: 50px;
	width: 115px;
	line-height: 49px;
	text-align: center;
	margin-top: 10px;
	border: #f39191 2px solid;
	font-weight: bold;
}

.portfolio-link:hover {
	background-color: #f39191;
}

/*make buttons bigger starting at md-size*/
@media (min-width: 768px) {
	.portfolio-link {
		width: 150px;
		height: 55px;
		line-height: 54px;
	}
}