/* --------------------------------------------- */
/* ------ Generic Layout Building Blocks ------- */
/* --------------------------------------------- */

/* ------------------------------------------------------ */
/* ------ Generic Layout Building Blocks - MOBILE ------- */

/* ----- Text and Font Treatments ----- */
.all-caps-bold {
    text-transform: uppercase;
    font-weight: 700;
}


/* ----- Containers ----- */
.container-80, .container-60, .container-40, .container-20 {
    width: 90%;
    margin: auto;
}

/* ------------------------------------------------------- */
/* ------ Generic Layout Building Blocks - DESKTOP ------- */
@media (min-width: 900px) {


    /* ----- Containers ----- */
    .container-80 {
        width: 80%;
    }
    .container-60 {
        width: 60%;
    }
    .container-40 {
        width: 40%;
    }
    .container-20 {
        width: 20%;
    }

    .container-80, .container-60, .container-40, .container-20 {
        margin: auto;
    }
	
	/* Type in Columns */
	.columntype2 {
	column-count: 2;
	}

	.columntype4 {
		column-count: 4;
	}

	.columntype3 {
		-webkit-column-count: 3;
		column-count: 3;
		column-width: 250px;
	}
}

@media (max-width: 1000px) {
	.columntype4 {
		column-count: 3;
	}
}

@media (max-width: 700px) {
		.columntype4,
		.columntype3,
		.columntype2 {
			column-count: 1;
		}

	}

/* --------------------------------------------- */
/* ------ END - Generic Layout Building Blocks - END ------- */
/* --------------------------------------------- */