@media (min-width: 1025px)
{
	.fa-schoolLogo
	{
		margin-top: 50px;
		margin-bottom: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
    .container
    {
		text-align: center;
	    display: block;
	    overflow: auto;
	    margin-left: 30%;
	    margin-right: 30%;
	    margin-top: 5%;
	    margin-bottom: 10%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    border: 1px solid black;
	    border-left: 6px solid black;
	    border-bottom: 6px solid black;
    }
	input[type=submit]
	{
		padding: 10px 20px 10px 20px;
		background-color: red;
	}
	input[type=submit]:hover
	{
		background-color: green;
	}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.fa-schoolLogo
	{
		margin-top: 50px;
		margin-bottom: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
    .container
    {
		text-align: center;
	    display: block;
	    overflow: auto;
	    margin-left: 30%;
	    margin-right: 30%;
	    margin-top: 5%;
	    margin-bottom: 10%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    border: 1px solid black;
	    border-left: 6px solid black;
	    border-bottom: 6px solid black;
    }
	input[type=submit]
	{
		padding: 10px 20px 10px 20px;
		background-color: red;
	}
	input[type=submit]:hover
	{
		background-color: green;
	}
}

@media (max-width: 767px)
{
	.fa-schoolLogo
	{
		margin-top: 50px;
		margin-bottom: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
    .container
    {
		text-align: center;
	    display: block;
	    overflow: auto;
	    margin-left: 20%;
	    margin-right: 20%;
	    margin-top: 5%;
	    margin-bottom: 10%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    border: 1px solid black;
	    border-left: 6px solid black;
	    border-bottom: 6px solid black;
    }
	input[type=submit]
	{
		padding: 10px 20px 10px 20px;
		background-color: red;
	}
	input[type=submit]:hover
	{
		background-color: green;
	}
}