@media only screen and (min-width : 0px) and (max-width :1545px) {
	#main {
	}
		#logo {
			display: none;
		}
		.fiName {
			margin: 0;
		}
		.fiNameCU {
			right: 1.5%;
			text-align: right;
			text-shadow: 4px 4px 5px #333;
		}
		#nav {
			font-size: .875em;
			margin: 1em 0 1em 2.6875em;
			position: absolute;
			top: 2em;
		}
}
@media only screen and (min-width : 0px) and (max-width :1260px) {
	#nav .contain {
		width: 90%;
		margin: auto;
	}
	#topNav{
		left: 0;
	}
}
@media only screen and (min-width : 0px) and (max-width :960px) {
	.contain {
		width: auto;
	}
		#nav {
			margin: 1em 0 1em 0;
			text-align: center;
		}
		
}
@media only screen and (min-width : 0px) and (max-width :768px) {
	header{
		background-color: #9A0104;
	}
	
	.block, .block2,.block3{
		display: none;	
	}
	#main {
		height: 1050px;
	}
		.flexslider{
			top: 0;	
		}
		#olb {
			left: 1%;
		}
		#topNav {
			left: 0%;
		}
		.fiName {
			color: #FFF;
			font-family: "Open Sans";
			font-size: 4em;
			margin-right: 5%;
			text-align: right;
			text-shadow: 4px 4px 5px #333;
		}
		.fiNameCU {
			color: #FFF;
			font-family: "Open Sans";
			font-size: 1.875em;
			margin-right: 5%;
			text-align: right;
			text-shadow: 4px 4px 5px #333;
		}
		#nav {
			font-size: .875em;
			top: 0;
			margin: 0;
		}
		aside {
			width: 100%;
			min-height: auto;
		}
			#infoBox {
				width: 50%;
				float: left;
			}
		#mainContent {
			width: 100%;
		}
        #btmBoxes {
        }
			#btmBoxes .box {
				width: 18%;
				margin: 0 1% 0 1%;
			}
				#btmBoxes .box ul {
					display: none;
				}
				
				
	footer{
		height: auto;	 
		border-radius: 0;
		padding: 1em 0;
	}
		
		.ncua, .ncuaText, .eho, .ehoText{
			width: 100%;
			
		}
			.ncua img,
			.eho img {
				margin: auto;
				width: auto;
			}
			

		.privacy {
			font-size: 18px;
			margin-left: 1%;
		}
		.routing {
			float: right;
			font-size: 18px;
			margin-right: 1%;
		}
		#socialLogos{
			padding: 1em;	
			margin: 0;
		}
		
		
		
		
}
@media only screen and (min-width : 0px) and (max-width :550px) {
	#main{
	}
		aside {
		}
			#infoBox {
				width: 100%;
				float: none;
			}
		#loginBtn {
			background-color: #666;
			border-bottom: 5px solid #000;
			color: #fff;
			cursor: pointer;
			font-size: 1.5em;
			padding: 0.5em 0;
			text-align: center;
			display: block;
		}
		#menuBtn {
			float: left;
			width: 50%;
		}
		#olb {
			display: none;
			left: 5%;
			position: fixed;
			top: 1em;
			width: 90%;
			z-index: 20;
		}
			#loginCancel {
				display: block;	
			}
		#topNav {
			display: none;
		}
		.fiName {
			color: #FFF;
			font-size: 2.375em;
			margin: 0;
			text-align: center;
			text-shadow: 4px 4px 5px #333;
			width: 100%;
		}
		.fiNameCU {
			color: #FFF;
			font-family: "Open Sans";
			font-size: 1.6875em;
			text-align: right;
			text-shadow: 4px 4px 5px #333;
		}
		.block2::after {
			background: inherit;
			bottom: 0;
			content: "";
			height: 2000px;
			position: absolute;
			transform: none;
			transform-origin: right bottom 0;
			width: 100%;
			z-index: -1;
		}
#btmBoxes .boxLinks {
		float: none;
		width: 100%; 
	}
	#btmBoxes .box {
		margin: .625em 5% 0 0;
		width: 30%;
	}
	#btmBoxes .box:last-child {
		margin: .625em 0 0 0;
	}

}
/* Change styles for cancel button and delete button on extra small screens */
@media screen and (max-width: 768px) {
  .cancelbtn, .deletebtn {
    width: 100%;
	
  }
  .modal {
    left: 19%;
    width: 63%;
    height: 22%;
   
}
}