/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.white, span.white {color:#ffffff;}
.orange, span.orange {color:#fab81d;}
.light-blue, span.light-blue {color:#4e91cd;}
.dark-blue, span.dark-blue {color:#221f72;}
.small-blue, span.small-blue {color:#221f72;font-size:24px;text-transform:uppercase; line-height:32px;}
.small-orange, span.small-orange, .small-orange strong {color:#fab81d;font-size:24px;text-transform:uppercase;line-height:32px;}
.medium-orange, span.medium-orange {color:#fab81d;font-size:36px; font-weight:bold;}
.large-orange, span.large-orange {color:#fab81d;font-size:60px;}
.bg-orange, span.bg-orange {background-color:#fab81d;}
.bg-light-blue, span.bg-light-blue {background-color:#4e91cd;}
.bg-dark-blue, span.bg-dark-blue {background-color:#221f72;}

h1 {font-size:44px;  line-height:72px; color:#fff;text-transform:uppercase; }
h2 {font-size:36px;  line-height:40px; color:#221f72;text-transform:uppercase; }
h3 {font-size:30px;  color:#221f72; text-transform:uppercase; }
h4 {font-size: 20px!important; font-weight: bold; color: #777; padding:20px 0;}

strong, b {color:inherit;}

/* Mobiles (767px and down) */
@media (max-width: 767px) { 
.only-xs {display: inline !important;}
.not-xs {display: none !important;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.only-xs {display: none !important;}
.not-xs {display: inline !important;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}