html,body {
	height:100%;
	font-family: 'Roboto Mono', monospace;
}
	
.container-fluid {
	height:100%;
}
	
.row {
	height:100%;
}


.link {	
	color: black;
}

.source {
	font-style: italic;
}

a:visited {
	color: black;
}

.header {
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

.work {
	margin-top: 0.5em;
}

.email {
	margin-top: 2em;
	margin-bottom: 2em;
}

.half-left {
    overflow: hidden;
    padding: 0;
    position: responsive;
}

.half-left  img {
	height: 100%;
}

.caption {
	color: white;
	font-size: 1.5em;
	position: absolute;
	top: 75%;
	left: 10%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.caption {
		font-size: 2em;
		top: 75%;
	}	
}

@media (min-width: 1200px) { 
	.caption {
		font-size: 3em;
		top: 75%;
	}	
}