@media only screen and (min-width : 0px) and (max-width :960px) {
   .contain{
      width: auto;
   }
    
    
}
@media only screen and (min-width : 0px) and (max-width :800px) {
    #logo{
        width: auto;
        float: none;
    }
    nav{
        position: relative;
        clear: both;
        width: 100%;
    }
        nav a{
            background-color: transparent;
        }
    aside{
        position: relative;
        width: auto;
        min-height: 200px;/*Temp Style: Remove when you add login*/
    }
    

	#banner{
		clear: both;
	}
		#nav{
		display: none;
		
	}
	aside{
		display: none;
	}
    .box{
        width: auto;   
        float: none;
		
    }
	.promo_boxes{
		display: block;
	}
	#logos{
		display: block;
	}
	.flex_d {
		flex-wrap: wrap;
		}
		.box_first{
		width: 100%;
		}
		.box_last{
			width: 100%;
		}
		.flex_d img, .flex_d iframe{
		width: 100%;
		margin-left: auto;
		}
}