/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 .aps-image-left {float:left; padding:0 20px 0 0; width:40%;}
 .aps-image-right {float:right; padding:0 20px 0 0; width:40%;}
 .aps-button:hover {cursor:pointer;}

@media screen and (min-width: 768px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1200px) {
	.aps-wrapper {float:left; width:100%; position:relative;}
	
	.aps-grid-2 {float:left; position:relative; padding:10px 1% 10px 1%; z-index:1;}
	.aps-grid-2:last-child {padding:10px 0;}
 
	.aps-grid-3 {float:left; position:relative; padding:10px 1% 10px 1%; z-index:1;}
	.aps-grid-3:last-child {padding:10px 0;}
	
	.aps-grid-4 {float:left; position:relative; padding:10px 1% 10px 1%; z-index:1;}
	.aps-grid-4:last-child {padding:10px 0;}
	
	.aps-grid-5 {float:left; position:relative; padding:10px 1% 10px 1%; z-index:1;}
	.aps-grid-5:last-child {padding:10px 0;}
	
	.aps-grid-6 {float:left; position:relative; padding:10px 1% 10px 1%; z-index:1;}
	.aps-grid-6:last-child {padding:10px 0;}
}

@media screen and (max-width: 768px) {
	.aps-wrapper {float:left; width:100%; position:relative; max-width:none;}
	
	.aps-grid-2 {float:left; width:100%; position:relative; padding:10px 1% 10px 0; z-index:1;}
	.aps-grid-2:last-child {padding:10px 0;}
 
	.aps-grid-3 {float:left; width:100%; position:relative; padding:10px 1% 10px 0; z-index:1;}
	.aps-grid-3:last-child {padding:10px 0;}
	
	.aps-grid-4 {float:left; width:100%; position:relative; padding:10px 1% 10px 0; z-index:1;}
	.aps-grid-4:last-child {padding:10px 0;}
	
	.aps-grid-5 {float:left; width:100%; position:relative; padding:10px 1% 10px 0; z-index:1;}
	.aps-grid-5:last-child {padding:10px 0;}
	
	.aps-grid-6 {float:left; width:100%; position:relative; padding:10px 1% 10px 0; z-index:1;}
	.aps-grid-6:last-child {padding:10px 0;}
}