@font-face{ 
	font-family: 'Geometria-Light';
    src: url('../fonts/Geometria-Light-webfont.eot');
    src: url('../fonts/Geometria-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Geometria-Light-webfont.woff') format('woff'),
         url('../fonts/Geometria-Light-webfont.ttf') format('truetype'),
         url('../fonts/Geometria-Light-webfont.svg#geometria_lightlight') format('svg');
}

html {
		background:#eee;
	}

body {
	font-family: 'Geometria-Light', Verdana, sans-serif;
	font-size:16px;
	background: #F5F5F5;
	}

a, a:visited, a:active {
		color: rgba(0,110,171,1);
		text-decoration:none;
	}
a:hover {
		color: rgba(238, 125, 17,1);
	}
address {
		text-align:left;
	}

#content {
		width:30em;
		margin: 3em auto 0;
		text-align:center;
		background-color:rgba(255,255,255,0.6);
		padding: 2em;
		border-radius: 2em;
	}

#pieDiv {
		min-height: 10px;
		min-width: 10px;
		margin: 0 auto;
		
	}
p {
	text-align:left;
	}

img.logo-header {
		margin: 0;
		padding: 0;
		margin: 0 auto;
	}


.blue {
		color: rgba(0,110,171,1);
	}
.orange {
	color: rgba(238, 125, 17,1);
	}
/*  404 page */

div.logo-page-header {
	background-image: url("") no-repeat;
	display:block;
	width: auto; /*or your image's width*/
	height: auto; /*or your image's height*/
	margin: 0;
	padding: 0 20px;
}
/*
.jumbotron {
		width: 20%;
		text-align:center;
		margin: 0;
	}
	.jumbotron:hover, .jumbotron:active  {
		background: rgba(0,110,171,1);
		}*/
article {
	width:800px !important;
	clear:both;
	margin: 15px 0;
	}
	article-link {
			width: 20% !important;
		}	
	a.article-arrow-link {
			display:block;
			float:right;
			height:100px !important;
			width: 100px !important;
			margin: 0;
			padding: 0;
			border:1px solid black;
			background-image:url(../img/nextlevel-mediaservice-logo-navbar.png);
		}
	.article-content {
			width:80% !important;
		}
@media only screen 
and (max-width : 320px) {
/* Styles */
		
	.jumbotron {
		width: 100%;
	}

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */
	div.logo-page-header {
		background-image: url("../img/logo/header-mobile.png");
		width: 200px; /*or your image's width*/
		height: 64px; /*or your image's height*/
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 1224px) {
/* Styles */
	div.logo-page-header {
		background-image: url("../img/logo/header-ipad.png");
		width: 400px; /*or your image's width*/
		height: 128px; /*or your image's height*/
	}
		
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
	div.logo-page-header {
		background-image: url("../img/logo/header-desktop.png");
		width: 600px; /*or your image's width*/
		height: 192px; /*or your image's height*/
	}
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	div.logo-page-header {
		background-image: url("../img/logo/header-huge.png");
		width: 800px; /*or your image's width*/
		height: 256px; /*or your image's height*/
	}
}
/*
@media (max-width: 767px) {
}
@media (min-width: 992px) {
	}
@media (min-width: 1200px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}*/