@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
    font-family: 'IBM Plex Sans Condensed', sans-serif;	
	font-size:1em;
	color:#666
}



/*------------------TOP---------------*/

.top{
	height:15em;
	width:100%
}

.img-1, .img-2, .img-3, .img-4{
	height: 100%;
}

.img-1{
	background:url("../img/pr/backdoor.jpg");
	background-position: center 0%;
	background-repeat: no-repeat;
	background-size: cover;	
}

.img-2{
	background:url("../img/pr/nr54.jpg");
	background-position: center 0%;	
	background-repeat: no-repeat;
	background-size: cover;	
}

.img-3{
	background:url("../img/pr/optrail.jpg");
	background-position: center 0%;
	background-repeat: no-repeat;
	background-size: cover;	
}

.img-4{
	background:url("../img/pr/DS2460-fr.jpg");
	background-position: center 0%;
	background-repeat: no-repeat;
	background-size: cover;	
}



@media only screen and (max-width: 600px){

.top{
	height:25em;
	width:100%;
	margin-bottom: 2em;
}	
}


/*----------------VM---------------*/

.pr{
	padding:3% 10% 5%;
	color:#666;
	height:1%;
	overflow:hidden
}

.pr h1{
	font-weight:300;
	font-size:2.5em;
	margin: 1em 0 0 0;
	text-align: center;
	line-height: 1em;
}

.pr h2{
	margin: 0;
	font-weight: 300;
	padding-bottom: 1.5em;
	line-height: 1.1em;
	text-align: center;
}

.pr a{
	color: rgba(204,0,0,1);
	text-decoration: none;
}

.pr a:hover{
	text-decoration: underline;
}

.pr p, .pr ul{
	font-size: 1.1em;
}

.pr table{
	width: 100%;
	padding-bottom: 1.5em;
}

.pr td{
	border-bottom: 1px solid rgba(0,0,0,.1);
	height: 2.5em;
}

.pr td:first-child{
	color: rgba(204,0,0,1);
	width: 20%;
}

.pr td:nth-child(2){
	width: 20%;
}

.pr td:nth-child(4){
	width: 20%;
}



@media only screen and (max-width: 480px){
	
.pr{
	padding:3% 5% 5%
}
	
.pr h1{
	line-height: 1em;
	margin-bottom: .5em;
}	

.pr h1, .pr h2{
	text-align: left;	
}
}

@media only screen and (max-width: 800px){

	
.img-2{
	background-position: left;
}
	
.pr table { 
	width: 100%; 
}	

.pr	table, .pr thead, .pr tbody, .pr th, .pr td, .pr tr { 
	display: block; 
}
	
.pr thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
.pr tr { 
	border-bottom: 1px solid rgba(204,0,0,1); 
}
	
.pr td { 
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.1); 
	position: relative;
	padding-left: 2.5%; 
	line-height: 2.5em;
}

.pr td:before { 
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	content: attr(data-column);
	color: #000;
	font-weight: bold;
}
	
.pr td:first-child, .pr td:nth-child(2), .pr td:nth-child(3), .pr td:nth-child(4){
	width: 97%;
}	
}