@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@media screen and (max-width: 993px) {
	.toggle-nav {
	    padding:30px;
	    margin: 0 auto;
	    display:block;
	    box-shadow:0px 1px 1px rgba(0,0,0,0.15);
	    border-radius:3px;
	    background:#cc2727;
	    text-shadow:0px 1px 0px rgba(0,0,0,0.5);
	    color:#777;
	    font-size:20px;
	    transition:color linear 0.15s;
	    width: 15px;
	}

	.menu a{
		border: 0;
	}

	.menu li{
		display: none;
	}

	.logo img{
		display: none;
	}

	.logo{
		background-color: transparent;
	}

	.menu ul{
		background-color: transparent;
	}
}