*{
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	position: relative; 
}

.contentsbox{
	margin: 2% auto 70px;
	border-radius: 5px;
	width: 980px;
	max-width: 100%;
    	padding: 15px;
	
}

.contentbox{
	 text-align: center;
	
}
 
.style1 {

font-size: 30px; 
font-weight: bold;
text-align: left;
font-family: 'Merriweather', serif;
}

.style2 {
font-size: 18px;
text-align: left;
font-family: 'Merriweather', serif;
}

ul {
font-size: 18px;
text-align: left;
font-family: 'Merriweather', serif;
}


@media (max-width: 860px) {

.contentbox img {
		height: 200px!important;
    		width: auto;
		margin-left: auto;
   		margin-right: auto;
		
	}


.style1 {
		font-size: 16px;
	}

.style2 {
		font-size: 13px;
	}


ul li {
		font-size: 13px;
	}
}

@media (max-width: 680px) {
.contentbox img {
		height: 200px!important;
    		width: auto;
		margin-left: auto;
   		margin-right: auto;
		
	}


.style1 {
		font-size: 16px;
	}

.style2 {
		font-size: 13px;
	}


ul li {
		font-size: 13px;
	}
}