body {
	background-color: #EEE;	
	font: 12px/24px 'Lucida Sans', sans-serif;
	background: url(../img/pikkushared.jpg);
    background-size: 100%;
 }

.panel {
	width: 100%;
	opacity: 0.90;
	margin-top: 18%;
}
.subtitle	{
	padding-left: 2%;
	padding-bottom: 1%;
	font-size: 22px; 
	padding-bottom: 2%;
}
.description	{		
	padding-bottom: 2%;		
	padding-left: 2%;
	font-size: 19px;
}

.small-font {
	font-size: 12px;
}
.footer	{
	position: absolute;		
	padding-left: 5%;
	bottom: 3%;		
	font-size: 14px;
	
}

 @media only screen and (max-width : 480px) {    
	.subtitle	{
		font-size: 18px; 
	}
	.description	{		
		font-size: 16px;
	}
	.small-font {
		font-size: 10px;
	}
   .footer	{
		font-size: 10px;
	}
 }
 
 @media only screen and (max-width : 700px) {
    panel {
    	width: 100%;
    }
 }
 
 @media only screen and (min-width : 700px) {
 	body {
		background: url(../img/pikkushared.jpg);
    	background-size: 100%;
 	}
 	.container-fluid{
 		padding-left: 15%;
 		width: 75%;
 	}
 	.panel{
 		width: 75%;
 	}
}