*, *:before, *:after {
  box-sizing:border-box;
}

body{
	font-family: 'Comfortaa', cursive;
	line-height: 1.4em;
	font-weight: 300;
	font-size: 1em;
	background: #d5d5d5;
}

.container{
	max-width: 841px;
	margin: 3.125em auto; margin-top: 11px;
	background: #fff;
	padding: 2em 2em 2em 3em;
	box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.3); opacity: .8;
}

.heading{
	 
	color: #0d1258; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
}

h1{
	font-size: 28px;
	line-height: 1.25em;
	text-decoration: underline;
   -moz-text-decoration-color: #473C8B;
   -webkit-text-decoration-color: #473C8B;
   text-decoration-color: #473C8B;
}

h2{
	font-size: 21px;
	margin: 1.5em 0 0.25em;
	line-height: 1em;
}

h4{
	font-size: 18px;
	margin: 1em 0 0.25em;
	line-height: 1em; font-weight: bold; color: rgb(10, 112, 112);
}

li{
	font-size: 16px;
	list-style-type1: upper-roman;
}




@media ( max-width: 481px) {
	.container{
		  margin-top: 1px;
		background: #fff;
		padding: 1em 1em 1em 1em;
		box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.3); opacity: .8;
	
	}
  }