@import url(https://fonts.googleapis.com/css?family=Chivo:400,400italic,900);

body {
	font-family: 'Chivo', sans-serif;
}

header {
    background-image: url("../img/html-image.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 150% auto;
    border-top: 5px solid #008000;
    margin-top: 20px;
	margin-bottom: 20px;
    padding-top: 30%;
    position: relative;
}

header h1 {
    position: absolute;
    left: 10%;
    bottom: 5%;
	background-color: #ffffff;
	padding: 5px 30px 5px 9px;
}

.portrait {
 	padding: 0;

}

.portrait img {
	   border: 5px solid #008000;
	   	margin: 0 auto;

}
/*
.cv-dl,
.cv-dl dd {
	clear: left;
}*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	 .portrait {
		float: right;
	 	margin: 0 0 2% 2%;
	 }
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
 }