/* Site Specific CSS Styles */
/*
 * UTMB "Modern Web" Media Queries
 * Mobile First - Start with everything below 768px (48em)
 * 768px (48em) - Desktop/Tablet and up
 * 980px (61.25em) - Desktop - *Where UTMB nav changes - @mgcooper
 * 1280px (80em) - Desktop Large
 * 1440px (90em) - Desktop X-Large
*/

/* color: #ea2839 !important;  Red */
/* color: #616365 !important;  Gray */
/* color: #3d7edb !important;  Blue */
/* color: #ffc40d !important;  Yellow */
/* color: #ec7a08 !important;  Orange */
/* color: #4e7c8c !important;  Teal */
/* color: #879637 !important;  Green */


/* "Mobile First" (default) - Styles for screens that are smaller than 768px (48em) */
.hello-world { 
    color: green; 
}


/* Tablet and up (Sass: $small-screen: 768px;) 
	Styles for screens that are at least 768px (ie 48em) */
@media only screen and (min-width: 48em) {
    .hello-world { 
        color: blue; 
    }
}


/* Desktop and up (Sass: $sweetspot-screen: 980px;)
	Styles for screens that are at least 980px (61.25em) */
@media only screen and (min-width: 61.25em) {
    .hello-world { 
        color: red; 
    }
}