* {
	margin: 0;
	padding: 0;
}

html {

}

body {
	background: rgb(255, 255, 255) url('..//images/bg-picture-sm.jpg') top center fixed no-repeat;
	background-size: cover;	
}

	.main {
		background-color: rgba(0, 0, 0, 0.2);
		font-family: Arial;
		font-style: italic;
		font-size: 1.8em;
		letter-spacing: 1.2px;
		line-height: 1.3;
		color: rgb(255, 255, 255);
		text-shadow: 1px 1px 2px rgb(119, 149, 20), 1px -1px 2px rgb(119, 149, 20); 		
		text-align: left;
		padding: 20px 40px 20px 40px;
		box-sizing: border-box;
		min-height: 100vh;
		overflow: hidden;
	}
	
		.main  p{
			margin-bottom: 10px;
		}
		
		.main  a{
			color: rgb(255, 255, 255);
		}
	
		.common-text {
			margin-top: -5px;
		}
		
@media screen and (min-width:1100px){	
	body {
		background-image: url('..//images/bg-picture.jpg');
	}
}	
	
@media screen and (max-width:1200px){
	
	.main {
		background-color: rgba(0, 0, 0, 0.2);
	}
	
}
			
@media screen and (max-width:900px){
	
	.main {
		background-color: rgba(0, 0, 0, 0.2);
	}
	
}	

@media screen and (max-width:700px){
	
	body {
		font-size: 14px;
	}
	
	.main {
		text-align: center;
		padding: 20px 10px 20px 10px;
	}
		
}