@media (min-width: 1025px)
{
	.fa-footer
	{
		background-color: SlateBlue;
		width: 100%;
		height: 300px;
	}
	.fa-flex
	{
		display: table;
		align-items: center;
		justify-content: center;
		margin-left: 20%;
	}
	.col
	{
		display: table-cell;
	}
	.fa-res
	{
		color: white;
		text-decoration: none;
	}
	.fa-res:hover
	{
		color: red;
	}
	.fa1
	{
		color: white;
	}
	.fa-line
	{
		font-size: 20px;
		font-weight: bold;
		text-decoration: underline;
	}
	.fa-headr
	{
		margin-top: 25%;
	}
	.fa-section1
	{
		margin-top: 1%;
	}
	.fa-section2
	{
		margin-left: 200px;
	}
	.fa-section3
	{
		margin-left: 200px;
	}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.fa-footer
	{
		background-color: SlateBlue;
		width: auto;
		height: auto;
		text-align: center;
	}
	.fa-flex
	{
		/*display: table;
		align-items: center;
		justify-content: center;
		margin-left: 5%;*/
	}
	.col
	{
		/*display: table-cell;*/
	}
	.fa-res
	{
		color: white;
		text-decoration: none;
	}
	.fa-res:hover
	{
		color: red;
	}
	.fa1
	{
		color: white;
	}
	.fa-line
	{
		font-size: 20px;
		font-weight: bold;
		text-decoration: underline;
	}
	.fa-headr
	{
		/*margin-top: 40%;*/
	}
	.fa-section1
	{
		margin-top: 1%;
		margin-left: 100px;
	}
	.fa-section2
	{
		margin-left: 100px;
	}
	.fa-section3
	{
		margin-left: 100px;
	}
}

@media (max-width: 767px)
{
	.fa-footer
	{
		background-color: SlateBlue;
		width: 100%;
		height: 600px;
	}
	.fa-flex
	{
	}
	.fa-res
	{
		color: white;
		text-decoration: none;
	}
	.fa-res:hover
	{
		color: red;
	}
	.fa1
	{
		color: white;
	}
	.fa-line
	{
		font-size: 20px;
		font-weight: bold;
		text-decoration: underline;
	}
	.fa-headr
	{
	}
	.fa-section1
	{
		margin-left: 100px;
	}
	.fa-section2
	{
		margin-left: 100px;
	}
	.fa-section3
	{
		margin-left: 100px;
	}
}