@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Ranga:400,700');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Hi+Melody');
*{
	margin:0px auto;
	padding: 0px;
}



body{
	width: 100%;
}

@media(min-width: 801px)
{
	body{
		width: 80%;
		border: 1px solid #aaaaaa;
	}

}
ul{
	list-style: none;
}


a{
	text-decoration: none;
}


@media(min-width:805px)
{
	header{
		width: 100%;
		height: 60px;
		text-align: center;
		background:-webkit-linear-gradient(lightblue 0%,#3366FF 80%) repeat scroll 0 0 transparent;
	}

	header ul{
		width: 100%;
		padding-top: 1%;
	}
	header ul li{
		display: inline-block;
		font-size: 20px;
		margin-left: 1%;
		text-align: center;
		color: white;
		font-family: 'Poppins', sans-serif;
		transition: 1s;
	}
	header ul li:hover{
		color: white;
		border-bottom: 1px solid #151719;
	}
	.menu{
		display: none;
	}
	.reportheading{
	font-family: 'Crimson Text', serif;
	}

	.main-image-frame{
		text-align: center;
	}

	.main-image-frame .sub-frame div{
		display: inline-block;
		margin-left: 2%;
		margin-top: 10px;
	}
	.main-image-frame .sub-frame div img{
		border-radius: 10px;
		height:200px;
		width: 300px;
	}

	.main-report{
		padding-left: 2%;
		padding-right: 2%;
	}

	.main-report p{
		font-size: 18px;
		font-family: 'Poppins', sans-serif;
	}

	.report-footer{
		width: 100%;
		height: 350px;
		background:linear-gradient(#434343,#000000);
	}

	.footer-left-report,
	.footer-center-report,
	.footer-right-report{
		float: left;
		display: inline-block;
		width: 30%;
		height: 100%;
		margin-top: 3%;
		margin-left: 2%;
	}

	.impo-links div{
			
			margin-top: 3%;
	}
	.impo-links div a{
		color: white;
		font-size: 17px;
	}
	 pre span{
		font-size: 20px;
  color: #f2f2f2;
font-family: 'Hi Melody', cursive;
font-family: 'Gloria Hallelujah', cursive;
	}

	.footer-name1{
		margin-top: 8%;
		color: grey;
	}

	.footer-center-report div{
		margin-top: 5%;
		
	}

	.footer-center-report div p{
		font-size: 15px;
		color: white;
	}

	.footer-right-report p{
		font-size: 17px;
		color: white;
	}

	.bttn{
  background:brown;
  border: none;
  padding: 8px;
  border-radius: 5px;
  color: white;
  transition: .5s;
}

.bttn:hover{
  background:chocolate;
}

}

@media(max-width: 800px) 
{
	body{
		width:100%;
		border: 1px solid #aaaaaa;
	}
	header{
		width: 100%;
		height:100%;
		text-align: center;
		background:#101010;
	}

	header ul{
		width: 100%;
		padding-top: 1%;
	}
	header ul li{
		font-size: 20px;
		margin-left: 1%;
		text-align: center;
		color: grey;
		font-family: 'Poppins', sans-serif;
		transition: 1s;
	}
	header ul li:hover{
		color: white;
		border-bottom: 1px solid #151719;
	}
	.bar3{
		margin-left: 5%;
	}
	.headlink{
		display: none;
		transition: 2s;
	}
	.menu{
		cursor: pointer;
	}

	.reportheading{
	font-family: 'Crimson Text', serif;
	font-size: 15px;
	}

	.main-image-frame{
		text-align: center;
	}

	.main-image-frame .sub-frame div{
		display: inline-block;
		margin-left: 2%;
		margin-top: 10px;
	}
	.main-image-frame .sub-frame div img{
		border-radius: 10px;
		height: 100px;
		width: 110px;
	}

	.main-report{
		padding-left: 2%;
		padding-right: 2%;
	}

	.main-report p{
		font-size: 13px;
		font-family: 'Poppins', sans-serif;
	}

	.report-footer{
		width: 100%;
		text-align: center;
		background:#151719;
	}

	.footer-left-report,
	.footer-center-report,
	.footer-right-report{
		
		width: 100%;
		
		margin-top: 3%;
		margin-left: 2%;
	}

	.impo-links div{
			
			margin-top: 3%;
	}
	.impo-links div a{
		color: white;
		font-size: 17px;
	}
	 pre span{
		font-size: 20px;
		color: white;
	}

	.footer-name1{
		margin-top: 8%;
		color: grey;
	}

	.footer-center-report div{
		margin-top: 5%;
		
	}

	.footer-center-report div p{
		font-size: 17px;
		color: white;

	}

	.footer-right-report p{
		font-size: 17px;
		color: white;
		width: 90%;
	}

	.bttn{
  background:brown;
  border: none;
  padding: 8px;
  border-radius: 5px;
  color: white;
  transition: .5s;
}

.bttn:hover{
  background:chocolate;
}
}