@font-face {
	font-family: "Roboto-Medium-webfont";
	src: url('fonts/Roboto-Medium-webfont.woff');
}
@font-face {
	font-family: "Roboto-Light";
	src: url('fonts/Roboto-Light.woff');
}
* {
  box-sizing: border-box;
}
body {
	background-color: #080808
	}
html {
	background-color: #080808;
	font-family: "Roboto-Light";
	font-size: 0.9em;
	letter-spacing: 0.1em;
	color: #f6f6f6;
}

Footer {
	display:block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 141px;
	background: url(../assets/content/footer.png) repeat-x left bottom;
	}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
img {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	width: 80%;  
	}

.cv {
	display: box;
	font-family: "Roboto-Light";
	text-align: left;
	color: #f6f6f6;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 1.1;
	padding: 1em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.article {
	font-family: "Roboto-Light"; 
	text-align: left;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	width: 60%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	font-family: "Roboto-Medium-webfont";
	font-size: 1.2em;
	color: #f6f6f6;
	padding: 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;}	

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {	
	img {
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		width: 60%; 
	}
		
.container-cv{
	width: 80%;
	border: 0px solid #f6f6f6;
	margin-left: auto;
	margin-right: auto;
}

.cv {
	display: block;
	font-family: "Roboto-Light";
	text-align: left;
	color: #f6f6f6;
	font-size: 0.9em;
	line-height: 1.1;
	letter-spacing: 0.1em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.article {
	font-family: "Roboto-Light";
	text-align: left;
	font-size: 1em;
	letter-spacing: 0.1em;
	width: 60%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	font-family: "Roboto-Medium-webfont";
	font-size: 1.5em;
	color: #f6f6f6;
	padding: 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	img {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	width: 80%;  
}

.container-cv{
	width: 80%;
	border: 0px solid #f6f6f6;
	margin-left: auto;
	margin-right: auto;
}

.cv {
	font-family: "Roboto-Light";
	text-align: left;
	font-size: 1em;
	line-height: 1.1;
	letter-spacing: 0.1em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	  }

.article {
	font-family: "Roboto-Light";
	text-align: left;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	width: 60%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}

.header {
	font-family: "Roboto-Medium-webfont";
	font-size: 1.5em;
	color: #f6f6f6;
	padding: 5px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
img {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	width: 60%;  
	}

.container-cv{
	width: 80%;
	border: 0px solid #f6f6f6;
	margin-left: auto;
	margin-right: auto;
	}

.cv {
	font-family: "Roboto-Light";
	text-align: left;
	color: #f6f6f6;
	font-size: 1em;
	line-height: 1.1;
	letter-spacing: 0.1em;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	  }
.article {
	font-family: "Roboto-Light";
	text-align: left;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	width: 60%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	  }
.header {
	font-family: "Roboto-Medium-webfont";
	font-size: 2em;
	color: #f6f6f6;
	padding: 5px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
img {
			display: block;
  			margin-left: auto;
  			margin-right: auto;
			width: 40%;  
		}

.container-cv{
			width: 60%;
			border: 0px solid #f6f6f6;
			margin-left: auto;
			margin-right: auto;


		}
.cv {
			font-family: "Roboto-Light";
			text-align: left;
			font-size: 1em;
			line-height: 1.1;
			line-height: 1.1;
			letter-spacing: 0.1em;
			line-height: 1.5em;

		}
	
.header {
			font-family: "Roboto-Medium-webfont";
			text-align: center;
			font-size: 1.5em;
			color: #f6f6f6;
			padding: 10px;
			width: 75%;

		}