html{
	font-size: 100px !important;
}
.fltl {
	float: left;
}

.fltr {
	float: right;
}

.cleax {
	clear: both;
}

ul {
	margin: 0 !important;
	padding: 0 !important;
}

a {
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
	color: #333 !important;
}

a:link {
	text-decoration: none !important;
}

a:active {
	text-decoration: none !important;
}

a:visited {
	text-decoration: none !important;
}

ul li {
	list-style: none;
}

@media screen and (max-width: 479px) {
	html{
		font-size: 52px !important;
	}
	footer .footer {
		padding: 0 0.4rem;
	}
	footer{
		background-color: orchid;
	}
}

@media screen and (min-width: 479px)  and (max-width:767px) {
	html{
		font-size: 52px !important;
	}
	footer .footer {
		padding: 0 0.4rem;
	}
	footer{
		background-color: orchid;
	}
}
@media screen and (min-width:767px) and (max-width:946px){
	html{
	
		font-size: 50px !important;
	
	}
	footer{
		background-color: goldenrod;
	}
}
@media screen and (min-width:946px) and (max-width:1063px){
	html{
	
		font-size: 66px !important;
	
	}
	footer{
		background-color: salmon;
	}
}
@media screen and (min-width:1063px) and (max-width: 1227px){
	html{
	
		font-size: 78px !important;
	
	}
	footer{
		background-color: palevioletred;
	}
}

@media screen and (min-width: 1227px) and (max-width: 1399px){
	html{
	
		font-size: 86px !important;
	
	}
	footer{
		background-color: skyblue;
	}
}

@media screen and (min-width: 1399px) and (max-width:1440px){
	html{
		font-size: 90px !important;
	}
	footer{
		background-color: green;
	}
}

@media screen and (min-width:1440px) and  (max-width:1600px){

	html{

		font-size: 96px !important;

	}
	footer{
		background-color: yellow;
	}

}

@media screen and (min-width:1600px) and  (max-width:1680px){

	html{

		/* font-size: 87.5px !important; */

	}
	footer{
		background-color: orange;
	}
	

}

@media screen and (min-width:1680px) and (max-width:1920px) {

	html{

		font-size: 100px !important;

	}
	footer{
		background-color: red;
	}

}