@import url(http://fonts.lug.ustc.edu.cn/css?family=Source+Code+Pro);

body {
	margin:0;
  font-family: 'Source Code Pro' ;
	background: rgba(236, 240, 241,1.0) url(http://www.prowebdesign.ro/screen-ruler/screeen-ruler.png) top left no-repeat;
}
.content{
	margin:10% 5% 5% 10%;
	float:left;
	color:rgba(0,0,0,1.0); 
	width:88%; 
	font-size:1.5em;  
}
h1{
    font-weight: bold;
    font-size: 2em;
    line-height: 1em;
	  color:rgba(0,0,0,0.07); 
    text-shadow: 1px 4px 6px #ecf0f1, 0 0 0 #000, 1px 4px 6px #ecf0f1;
}
h3{
	  font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
	  color:rgba(0,0,0,0.07);
    text-shadow: 1px 4px 6px #ecf0f1, 0 0 0 #000, 1px 4px 6px #ecf0f1;
}
.red{
	color: #F00;
	font-weight:bold;
}
.green{
	color: #00cc00;
	font-weight:bold;
}

@media screen and (max-width: 480px){
  body{
    font-size: 2vw;
  }
}
@media screen and (min-width: 481px){
  body{
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 701px){
  body{
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 801px){
  body{
    font-size: 1vw;
  }
}