body{

	font-family: 'Roboto', sans-serif;
}

.wrapper{
	padding-bottom: 14px;
	max-width:1440px;
	width:100%;
	border-bottom: 1px solid #ccc;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 0.3fr;
	margin-bottom:1.2%;
}


.wrapper-two{
	max-width:1440px;
	width:100%;
#	border: 1px solid #ccc;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}


.main-box{
#	border: 1px solid #ccc;
	padding: 6px;
	border-right:1px solid #ccc;
}

.main-box a{

	text-decoration: none;
	color: #9E9E9E;

}

.main-box img{
	max-width: 250px !important;
	width: 100% !important;
}

h5{
	color: #808080;
	margin-top:-30px;
	font-weight: 300;
}


h3{
	font-weight: 500;
	#text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	#border-bottom: 1px solid #ccc;
	color: #808080;
}


h2{
	font-weight: 500;
	font-size: 22px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #808080;
}

h1{
	font-weight: 500;
	font-size: 26px;
	#text-align: center;
	padding-top: 10px;
	#padding-bottom: -30px;
	#border-top: 1px solid #ccc;
	color: #808080;
	#margin-bottom:-5px;
}


.sub-box1{

	padding: 2px;
}




@media only screen and (max-width: 1000px)  {
	.wrapper-two{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;

	}
}


@media only screen and (max-width: 600px)  {
	.wrapper-two{
		display: grid;
		grid-template-columns: 1fr 1fr;

	}
}