/*
	18grid - 18 Columns Fluid CSS Grid System
	18grid is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
    Created by Scott Hatfield from hatfieldscott.com
    
    *** Breakpoint adjustments made ***
*/

/* Grid Container */
.container18grid {
	margin: 0 auto;
	padding: 0 auto; 
}

/* A wrapper for each grid row */
.onerow {
	clear: both;
	float: left;
    padding: 70px 2%;
    width: 96%;
}

/* Common columns definitions */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18 {
    float: left;
	margin: 0 2% 0 0;
    box-sizing: border-box;
}

/* The "last" class removes the margin-right from the last element in a row */
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12.last, .col13.last, .col14.last, .col15.last, .col16.last, .col17.last, .col18 {
	margin-right: 0;
}

.col1 { width: 3.66%; }
.col2 { width: 9.33%; }
.col3 { width: 15%; }
.col4 { width: 20.66%; }
.col5 { width: 26.33%; }
.col6 { width: 32%; }
.col7 { width: 37.66%; }
.col8 { width: 43.33%; }
.col9 { width: 49%; }
.col10 { width: 54.66%; }
.col11 { width: 60.33%; }
.col12 { width: 66%; }
.col13 { width: 71.66%; }
.col14 { width: 77.33%; }
.col15 { width: 83%; }
.col16 { width: 88.66%; }
.col17 { width: 94.33%; }
.col18 { width: 100%; }

/* Move elements left by x columns */
.left1 { margin-left: 5.66%; }
.left2 { margin-left: 11.33%; }
.left3 { margin-left: 17%; }
.left4 { margin-left: 22.66%; }
.left5 { margin-left: 28.33%; }
.left6 { margin-left: 34%; }
.left7 { margin-left: 39.66%; }
.left8 { margin-left: 45.33%; }
.left9 { margin-left: 51%; }
.left10 { margin-left: 56.66%; }
.left11 { margin-left: 62.33%; }
.left12 { margin-left: 68%; }
.left13 { margin-left: 73.66%; }
.left14 { margin-left: 79.33%; }
.left15 { margin-left: 85%; }
.left16 { margin-left: 90.66%; }
.left17 { margin-left: 96.33%; }

/* Images */
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img, .col13 img, .col14 img, .col15 img, .col16 img, .col17 img, .col18 img {
	width: 100%;
	height: auto;
	display: block;
}

@media all and (max-width: 1024px) {
	.onerow {
	    padding: 50px 2%;
	}
}

@media all and (max-width: 768px) {
	.onerow {
	    padding: 30px 2%;
	}
}

/* Small devices */
@media all and (max-width: 640px) {
	/* On small screen sizes, columns take the full width of the page. */
    /* Use the 'exempt' class to avoid this behavior */
	.col1:not(.exempt), .col2:not(.exempt), .col3:not(.exempt), .col4:not(.exempt), .col5:not(.exempt), .col6:not(.exempt), .col7:not(.exempt), .col8:not(.exempt), .col9:not(.exempt), .col10:not(.exempt), .col11:not(.exempt), .col12:not(.exempt), .col13:not(.exempt), .col14:not(.exempt), .col15:not(.exempt), .col16:not(.exempt), .col17:not(.exempt), .col18:not(.exempt) {
        float: none;
        width: 100%;
	}

    .left1:not(.exempt), .left2:not(.exempt), .left3:not(.exempt), .left4:not(.exempt), .left5:not(.exempt), .left6:not(.exempt), .left7:not(.exempt), .left8:not(.exempt), .left9:not(.exempt), .left19:not(.exempt), .left10:not(.exempt), .left11:not(.exempt), .left12:not(.exempt), .left13:not(.exempt), .left14:not(.exempt), .left15:not(.exempt), .left16:not(.exempt), .left17:not(.exempt) {
        margin-left: 0;
    }
    
    .collapse {
	    display: none;
    }
    
    .onerow {
	    padding: 0 2%;
	}
}