/***
 * The Main file, Main.css, contains all the core setup of your web page.
 * This includes CSS Reset or other basic configurations that will never need to be changed for your website.
 **/



/**
 * Media Queries
 *
 * The order of media queries should go in the following order.
 *
 * MIN_WIDTH
 *  - Should go from smallest to largest pixel value.
 *  - ex. 768, 992, 1200, 1500
 *
 * MAX_WIDTH
 *  - Should go from largest to smallest pixel value.
 *  - ex. 1499, 1199, 991, 767
 *
 * MIN_WIDTH and MAX_WIDTH
 *  - Should go from smallest to largest pixel value in min range followed by largest max value.
 *  - 768 and 1199, 768 and 991, 992 and 1499, 992 and 1199
 */

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

}

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

}

@media only screen and (min-width: 1200px) {

}

@media only screen and (max-width: 767px) {

}