/*##########COLOR SWATCHES#################
Yellow: rgb(252,177,22);
Light blue 15%: rgb(212,239,252);
Light blue: rgb(111,189,233);
Medium blue: rgb(4,159,218);
Dark blue: rgb(45,116,166);
MnDOT blue: rgb(2,63,94);
Really Light Gray: rgb(234,234,234);
Light gray: rgb(228,229,230);
Dark gray: rgb(147,149,152);
*/


/*##############GENERAL######################*/

* {
     margin: 0;
   }
   html {
     height: 100%;
     position: relative;
   }
   body {
     width: 100%;
     height: 100%;
     color: rgb(76, 76, 76);
     margin-bottom: 60px;
     font-family: 'PT Sans', sans-serif;
   }
   .custom-5 {
     width: 20%;
   }
   .custom-7 {
     width: 14%;
   }
   
   .dem-table {
     width:100%;
     border:1px solid #C0C0C0;
     border-collapse:collapse;
     padding:10px;
   }
   .dem-table th {
     border:1px solid #C0C0C0;
     padding:5px;
     background:#0D5F80;
     color: #fff;
     font-size: 15px;
   }
   .dem-table td {
     border:1px solid #C0C0C0;
     padding:5px;
   }
   
   #image-banner { height: 550px; overflow: hidden; position: relative;}
   #image-banner > img { position: absolute; bottom: 0; }
   
   /*##############TYPOGRAPHY######################*/
   
   .ccm-page p {
     line-height: 1.3em;
   }
   .ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, span.mn-future-tagline {
     font-family: 'Oswald', sans-serif;
   }
   .ccm-page h1, .ccm-page h3, .ccm-page h5 {
     /*text-transform: uppercase;*/
   }
   .ccm-page h1, .ccm-page h3 {
     color: #003865;
   }
   .ccm-page h2, .ccm-page h4, .ccm-page h5 {
     color: #003865;
   }
   span.mngo-dark-blue {
     color: #003865;
   }
   span.mngo-med-blue {
     color: #008EAA;
   }
   span.mngo-lite-blue {
     color: #008EAA;
   }
   span.mngo-yellow {
     color: rgb(250, 184, 38);
   }
   .ccm-page p {
     font-size: 1.2em;
     color: rgb(76, 76, 76);
   }
   .ccm-page li, .ccm-page ul {
     font-size: 1em;
     color: rgb(76, 76, 76);
   }
   p.small-text {
     font-size: 9px;
   }
   .ccm-page a {
     color: #003865;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out
   }
   .ccm-page a:hover {
     color: rgb(13, 95, 128);
   }
   .default-btn {
     background-color: #003865;
     padding: 6px 15px;
     color: #fff;
     display: inline-block;
     border-radius: 4px;
     -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
     -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;
   }
   span.default-btn {
     font-family: 'Oswald', sans-serif;
     font-size: 1em;
     text-align: center;
   }
   .default-btn:hover {
     background-color: rgb(45, 116, 166);
     color: #fff;
   }
   .fa-li {
     color: rgb(2, 63, 94);
   }
   .ccm-page li {
     padding-bottom: 15px;
   }
   .ccm-page a img:hover {
     opacity: 0.7;
   }
   a span.screen-reader-text, span.screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
   }
   
   .yellow-button {  font-family: 'Oswald', sans-serif; color: white!important; background-color: rgb(120,190,33);font-size: 1.1em !important;padding:10px;border-radius: 4px;}
   .yellow-button:hover {background-color: rgb(105,158,38); color:white!important;}
   
   /*################HEADER#####################*/
   
   #home-page-skinny-show {
     display: none;
   }
   #mobile-home-nav-bar {
     display: none;
   }
   #content-wrap {
     max-width: 80%;
   }
   #header-container {
     position: relative;
   }
   #image-banner {}
   #subpage-header-container {
     min-height: 135px;
   }
   #site-logo {
     position: absolute;
     width: 35%;
     top: 70px;
     background-color: transparent;
     left: 50%;
     -webkit-transform: translate(-50%, 20%);
          -o-transform: translate(-50%, 20%);
         -ms-transform: translate(-50%, 20%);
             transform: translate(-50%, 20%);
   }
   #site-logo-subpage {
     position: absolute;
     margin: 10px 0;
     left: 50%;
     -webkit-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
         -ms-transform: translate(-50%, 0%);
             transform: translate(-50%, 0%);
   }
   #site-logo-subpage img {
     max-height: 110px;
     width: auto;
   }
   h1.header-title {
     visibility: hidden;
   }
   .gray-background {
     background-color: rgb(228, 229, 230);
     padding: 15px 20px 30px 20px;
   }
   .blue-left-border {
     background-color: rgb(212, 239, 252);
     margin-top: 10px;
     padding: 15px;
     border-left: 5px solid rgb(2, 63, 94);
     -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
     -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;
   }
   .blue-left-border:hover {
     background-color: rgba(111, 189, 233, 0.4);
   }
   
   /*Alert Black*/
   
   #alert-block {
     display:none;
     width: 100%;
     position: absolute;
     bottom: -8px;
   }
   #alert-tab {
     height: 45px;
     width: 90px;
     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
     background: rgb(252, 177, 22);
     margin: 0 auto;
   }
   #alert-tab .fa {
     font-size: 2.3em;
     color: #fff;
     text-align: center;
     margin: 5px auto 0 auto;
     display: block;
     position: relative;
     top: 10px;
   }
   #alert-body {
     background-color: rgb(252, 177, 22);
     height: 60px;
   }
   .alert-body-title {
     /*width: 100%;
     height: 55px;*/
     font-weight: bold;
     padding-top: 1%;
     color: rgb(45, 116, 166);
     text-align: right;
     white-space: nowrap;
   }
   .alert-body-title1 {
     /*width: 100%;
     height: 55px;*/
     font-weight: bold;
     padding-top: 1%;
     color: rgb(45, 116, 166);
     text-align: right;
     white-space: nowrap;
   }
   .alert-body-title1 span {
     margin-right: 8px;
   }
   .alert-body-content {
     width: 80%;
     margin: 0 auto;
   }
   .alert-body-content span {
     font-size: 1.2em;
   }
   .alert-box-button {
     padding-left: 2%;
     padding-top: 13px;
   }
   #alert-body span.default-btn {
     font-size: 15px!important;
   }
   #alert-block .slick-prev:before, #alert-block .slick-next:before {
     font-size: 25px!important;
   }
   #alert-block .slick-prev, #alert-block .slick-next {
     margin-top: -27px;
   }
   
   /** CSM 3/11/16 **/
   #alert-block { display: block; }
   #alert-block .slick-track, #alert-block .alert-body-title1 { width: 100% !important; }
   #alert-block .alert-body-title1 > span { padding-right: 6px; }
   #alert-box-button { padding-top: 3px;  vertical-align: top; }
   
   
   /*carousel header title*/
   
   .slick-rick-header {
     visibility: hidden;
   }
   .slick-rick-header .slick-arrow {}
   
   /* Menu/Share Button*/
   
   #menu-button {
     position: absolute;
     top: 30px;
     left: 30px;
     color: #fff;
     border-radius: 50%;
     width: 80px;
     height: 80px;
     background-color: rgb(120,190,33);
     padding: 10px;
     text-align: center;
     -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
          -o-transition: background-color 400ms linear;
         -ms-transition: background-color 400ms linear;
             transition: background-color 400ms linear;
   }
   #menu-button:hover {
     cursor: pointer;
     background-color: rgb(45, 116, 166);
   }
   #menu-button .fa, #share-button .fa {
     font-size: 2.3em;
   }
   #menu-button .menu-button-text, #share-button .menu-button-text {
     text-transform: uppercase;
     font-size: .8em;
   }
   #menu-button-sub {
     position: absolute;
     top: 30px;
     left: 30px;
     color: #fff;
     border-radius: 50%;
     width: 80px;
     height: 80px;
     background-color: rgb(45, 116, 166);
     padding: 10px;
     text-align: center;
     -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
          -o-transition: background-color 400ms linear;
         -ms-transition: background-color 400ms linear;
             transition: background-color 400ms linear;
   }
   #menu-button-sub:hover {
     cursor: pointer;
     background-color: rgb(4, 159, 218);
   }
   #menu-button-sub .fa {
     font-size: 2.3em;
   }
   #menu-button-sub .menu-button-text {
     text-transform: uppercase;
     font-size: .8em;
   }
   #share-button-container {
     position: absolute;
     top: 0px;
     right: 0px;
     z-index: 999;
   }
   #share-button {
     position: absolute;
     top: 30px;
     right: 0px;
     color: rgb(2, 63, 94);
     border-radius: 50%;
     width: 80px;
     height: 80px;
     background-color: rgb(255, 255, 255);
     padding: 10px;
     text-align: center;
     -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
          -o-transition: background-color 400ms linear;
         -ms-transition: background-color 400ms linear;
             transition: background-color 400ms linear;
     z-index: 3333;
   }
   #share-button:hover {
     cursor: pointer;
     background-color: rgb(212, 239, 252);
   }
   
   /*################MOBILE HOMEPAGE MENU#############################*/
   
   #home-page-skinny-show .simple-accordion-title-shell {
     background-image: url('../img/med-blue-bg.gif')!important;
     background-repeat: repeat!important;
     padding: 8px 15px!important;
   }
   #home-page-skinny-show h2.panel-title {
     font-size: 1.3em!important;
     color: #fff!important;
   }
   #home-page-skinny-show .simple-accordion-group.open .simple-accordion-description {
     background-color: rgb(212, 239, 252);
   }
   
   #new-navigation { padding: 3px 20px; }
   #new-navigation > a, #new-navigation > h3 { color: #fff; display: block; font-family: 'Oswald', sans-serif; font-size: 1.3em; padding: 5px 0 3px;  }
   #new-navigation > h3 { border-top: 1px solid #049fdb; }
   #new-navigation > a i, #new-navigation > h3 i { color: #049fdb; padding-right: 14px; }
   #new-navigation ul { list-style-type: none; margin: -3px 0 13px 24px; }
   #new-navigation ul li { font-size: .9em; line-height: 1.1em; margin-bottom: 4px; padding: 0; }
   #new-navigation ul li a { font-family: "PT Sans",sans-serif; position: relative; }
   #new-navigation ul li a span { left: -12px; position: absolute; }
   
   /*################SOCIAL MENU#############################*/
   
   .social-icons {
     visibility: hidden;
   }
   #socials {
     position: absolute;
     /*top: 30px;*/
     right: 30px;
   }
   #social-pill {
     background-color: rgb(212, 239, 252);
     overflow: hidden;
     position: absolute;
     top: 35px;
     right: 0px;
     border-radius: 4px 4px 45px 45px;
     width: 80px;
     height: 0px;
     z-index: 2222;
     margin-top: 30px;
   }
   #social-pill a:hover i {
     color: white;
   }
   .share-icon, .social-icons {
     color: rgb(28, 64, 94);
     text-align: center;
     width: 100%;
   }
   .social-icons {
     padding: 10px;
   }
   
   /*Slideout menu-button*/
   
   .panel {
     background-color: #fff;
     /*text-align: center;*/
     min-height: 100%;
   }
   .menu {
     background-color:#003865;
   }
   .menu.ineditmode {
       height: 120px;
       left: 0;
       position: absolute;
       top: 56px;
       z-index: 3;
   }
   .menu a {
     color: #fff;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out
   }
   .menu a:hover {
     color: rgb(111, 189, 233);
   }
   .menu-header {
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     padding: 20px 0px;
     margin: 0px 20px;
     background-size: 32px;
   }
   .menu-header-title {
     font-size: 11px;
     margin: 0;
   }
   .menu-section {
     margin: 25px 0px 10px 0px;
   }
   .menu-section-title {
     text-transform: uppercase;
     color: rgb(0, 155, 152);
     font-weight: 600;
     font-size: 13px;
     letter-spacing: 1px;
     padding: 0 20px;
     margin: 0;
   }
   .menu-section-list {
     padding: 8px 0px 0px 0px;
     margin: 3px 0;
     list-style: none;
   }
   .menu-section-list a {
     display: block;
     padding: 0px 10px;
   }
   .menu-section-list li {
     font-size: 1.15em;
     padding-bottom: 10px;
   }
   .menu-section-list .fa {
     color: rgb(111, 189, 233);
   }
   ul.menu-section-list li ul {
     list-style: none;
     list-style-position: outside;
     padding: 0px 25px 0px 10px;
     color: rgba(255, 255, 255, 0.7);
   }
   li.nav-title {
     font-family: 'Oswald', sans-serif;
   }
   li.nav-title ul li {
     font-family: 'PT Sans', sans-serif;
   }
   ul.menu-section-list li ul li {
     padding-bottom: 10px;
   }
   ul.menu-section-list li ul a {
     font-size: .7em;
     padding: 0px;
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.2em;
   }
   span.top-divider {
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     display: block;
     width: 90%;
     margin: 0 auto;
     padding: 3px 0px;
   }
   .menu-section-list .fa-li {
     font-size: 8px;
     padding-top: 5px;
   }
   .slideout-menu {
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 0;
     width: 256px;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     /*display: none;*/
   }
   .panel {
     position: relative;
     z-index: 1;
   }
   .slideout-open, .slideout-open body, .slideout-open .panel {
     overflow: hidden;
   }
   .slideout-open .slideout-menu {
     display: block;
   }
   
   
   #menu { overflow-x: hidden; padding-top: 10px; }
   #menu ul.nav li { list-style-type: none; }
   #menu ul.nav li a { }
   #menu ul.nav > li { font-family: "Oswald",sans-serif; position: relative; }
   #menu ul.nav > li:after { background-color: rgba(255, 255, 255, 0.3); content: ""; height: 1px; position: absolute; top: -6px; width: 90%; }
   #menu ul.nav > li:nth-of-type(1):after { display: none; }
   #menu ul.nav > li:before { color: rgb(111, 189, 233); content: "\f015"; font-family: "FontAwesome"; font-size: 1.1em; margin-right: 8px; }
   #menu ul.nav > li:nth-of-type(2):before { content: "\f05a"; }
   #menu ul.nav > li:nth-of-type(3):before { content: "\f086"; }
   #menu ul.nav > li:nth-of-type(4):before { content: "\f0c0"; }
   #menu ul.nav > li:nth-of-type(5):before { content: "\f0a1"; }
   #menu ul.nav > li:nth-of-type(6):before { content: "\f09e"; }
   #menu ul.nav > li a { color: #fff; font-size: 1.15em; }
   #menu ul.nav > li ul { font-family: "PT Sans",sans-serif; }
   #menu ul.nav > li ul a { color: rgba(255,255,255,.7); display: block; font-size: .94em; line-height: 1.2em; margin: 2px 0 -6px 16px; position: relative; }
   #menu ul.nav > li ul a:before { color: rgb(111, 189, 233); content: "\f054"; font-family: "FontAwesome"; font-size: .57em; position: absolute; left: -12px; }
   
   
   /*################BODY#############################*/
   
   
   /*banners*/
   
   .page-banner {
       background-color: #fff;
     width: 100%;
     margin: 0;
     position: relative;
     padding-top: 30px;
   
   }
   .page-banner-content {
     background-color: #fff;
     width: 100%;
     padding: 15px 5% 0;
   }
   .page-banner-push {
     padding-top: 70px;
   }
   .page-banner-white {
     background-color: #fff;
   }
   .med-blue-banner {
     background-color:#008EAA;
     background-repeat: repeat;
   }
   .med-blue-banner .page-banner-content,
   .dark-blue-banner .page-banner-content,
   .lite-blue-banner .page-banner-content
   {
      background-color: transparent;
   }
   
   .lite-blue-banner {
     background-image: url('../img/lite-blue-bg.gif');
     background-repeat: repeat;
   }
   .dark-blue-banner {
     background-color:#003865;
     background-repeat: repeat;
   }
   .dark-blue-banner h2, .med-blue-banner h2, .dark-blue-banner h3 {
     color: #fff;
   }
   .dark-blue-scroll-btn {
     height: 45px;
     width: 90px;
     border-radius: 0 0 90px 90px;
     -moz-border-radius: 0 0 90px 90px;
     -webkit-border-radius: 0 0 90px 90px;
     background: #003865;
     position: absolute;
     top: 0px;
     left: 50%;
     transform: translate(-50%, 0%);
   
   }
   .dark-blue-scroll-btn .fa {
     font-size: 2.3em;
     color: #fff;
     text-align: center;
     margin: 5px auto 0 auto;
     display: block;
     position: relative;
     top: -7px;
   }
   .dark-blue-scroll-btn-small {
     height: 30px;
     width: 60px;
     border-radius: 0 0 60px 60px;
     -moz-border-radius: 0 0 60px 60px;
     -webkit-border-radius: 0 0 60px 60px;
     background: rgb(2, 63, 94);
     position: absolute;
     bottom: -30px;
     left: 48%;
   }
   .dark-blue-scroll-btn-small .fa {
     font-size: 1.8em;
     color: #fff;
     text-align: center;
     margin: 2px auto 0 auto;
     display: block;
     position: relative;
     top: -7px;
   }
   #mn-future-banner {
     height: 200px;
     background-image: url('../img/star-burst-background.png');
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: 50% 50%;
     overflow: hidden;
     position: relative;
   }
   #future-left {
     position: absolute;
     top: 50%;
     transform: translate(8%, -50%);
     margin: 0;
   }
   #future-right {
     position: absolute;
     top: 50%;
     transform: translate(130%, -50%);
     margin: 0;
   }
   #future-middle {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50.5%, -50%);
     height: 80%;
   }
   #future-middle img {
     max-height: 80%;
     margin: 0 auto;
     display: block;
     padding-top: 20px;
   }
   span.mn-future-tagline {
     color: #fff;
     font-size: 2.3125rem;
   }
   #future-left span.mn-future-tagline {
     text-align: right;
     display: block;
   }
   #future-right span.mn-future-tagline {
     text-align: left;
     display: block;
   }
   #future-left h2, #future-right h2 {
     color: #fff;
   }
   
   /* intro section*/
   
   .lets-make { padding-bottom: 12px; text-align: center; }
   .lets-make h2 { color: #003865; }
   .lets-make h2 span { color: #008EAA; }
   .lets-make p { padding-top: 8px; width: 100%; }
   .lets-make a.icon-link { display: inline-block; font-size: 1.2em; line-height: 1.2em; margin: 18px 2%; vertical-align: top; width: 15%; }
   .lets-make a.icon-link img { display: block; margin: 0 auto 12px; width: 80%; }
   
   .trend-library-hp h2 { color: #fff; text-align: center; }
   .trend-library-hp h3 { color: rgb(120,190,33); }
   .trend-library-hp p { color: #fff; margin: 0 auto; padding: 8px 0 18px; text-align: center; width: 80%; }
   
   .vivid-carousel h4 { color: #fff; }
   .vivid-carousel .default-btn { background-color: #7ac2eb; color: #003865; }
   .vivid-carousel .default-btn:hover { background-color: #008EAA; }
   .vivid-carousel .carousel-nav-button { background-color: rgb(120,190,33); }
   .vivid-carousel .carousel-nav-button:hover { background-color: rgb(105,158,38); }
   .vivid-carousel ul.carousel-item-container {margin:0;}
   
   .how-involved-hp .qlicon {
     border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
     height: 100px;
       width: 100px;
     margin: -75px auto 20px auto;
     background: #fff;
   border: 4px solid rgb(4,159,218);
   }
   
   .how-involved-hp .qlbox-container {
     background-image: url('https://www.minnesotago.org/application/files/1414/9401/2520/shattered.png');
       background-repeat: repeat;
       height: auto;
       min-height: 480px;
       width: 100%;
       padding: 20px;
       text-align: center;
   }
   
   .how-involved-hp .qlicon .fa {
   display: table;
       text-align: center;
       margin: 0 auto;
       vertical-align: middle;
       font-size: 50px;
       color: rgb(45,116,166);
       padding-top: 25px;
     }
   
     .how-involved-hp .qllinktopage h2 { font-size: 1.4em;padding-bottom: 8px; }
     .how-involved-hp .qllinktopage h2 a {
   
   
       color: #023f5e;;
     }
   
     .how-involved-hp .qlshortdesc p {
     font-size: 1.1em;
     padding: 18px 3%;
     }
   
   @media only screen and (max-width: 930px) {
       .how-involved-hp .qllinktopage h2 a { line-height: 30px; display: block; }
   }
   
   
         @media only screen and (max-width: 640px) {
   .how-involved-hp .qlbox-container {min-height: auto; margin-bottom:0px; padding-bottom: 28px;}
         }
   
   #reqprebtn span.default-btn {
     text-align: center;
     display: block;
   }
   #reqprebtn a {
     float: right;
     width: 100%;
   }
   #reqprestext h4 {
     text-align: right;
   }
   
   /*One future Many Plans section */
   
   #many-plans-title-container {
     text-align: center;
     position: relative;
   }
   #mp-top-line {
     width: 100%;
     border-bottom: 3px solid rgb(2, 63, 94);
   }
   #mp-tab-body {
     display: inline-block;
     width: auto;
     padding: 5px 15px;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
     background-color: rgb(2, 63, 94);
   }
   #mp-tab-body h3 {
     color: #fff;
     text-align: center;
   }
   
   /*join mailing list form */
   
   #stayupdatedbanner { padding-bottom: 38px;  }
   
   #stayupdatedbanner .control-label {
     display: inline-block;
     width: auto;
     float: left;
     margin-right: 20px;
     text-transform: uppercase;
     color: rgb(111, 189, 233);
     font-family: 'Oswald', sans-serif;
     font-size: 1.6em;
   }
   #stayupdatedbanner .text-muted {
     display: none;
   }
   #stayupdatedbanner .form-control {
     width: 40%;
     min-width: 250px;
   }
   input[type="submit"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     border-radius: 0;
     display: block;
     width: auto;
     font-size: 1.3em;
     border: 1px solid rgb(111, 189, 233);
     background-color: rgb(111, 189, 233);
     padding: 5px 15px;
     color: #fff;
     float: left;
     border-radius: 3px;
     font-family: 'Oswald', sans-serif;
     -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
     -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;
   }
   input[type="submit"]:hover {
     background-color: rgb(2, 63, 94);
     cursor: pointer;
   }
   #stayupdatedbanner .fields {
     float: left;
     margin-right: 20px;
   }
   img.ccm-captcha-image {
     margin: 0px 0px 30px 0px!important;
   }
   
   /*follow us*/
   
   #stayupdatedbanner .fus {
     text-transform: uppercase;
     color: rgb(111, 189, 233);
     font-family: 'Oswald', sans-serif;
     font-size: 1.6em;
     margin-right: 20px;
   }
   #stayupdatedbanner .fa {
     color: #0f5788;
     font-size: 2.9em;
   }
   #stayupdatedbanner h4 {
     color: #0f5788;
   }
   #stayupdatedbanner .yt-username {
     color: #fff;
   }
   
   /*image slider*/
   
   .ccm-image-slider-title {
     display: none;
   }
   
   /*################FOOTER CONTAINER################*/
   
   #body-container {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -130px;
   }
   .footer-push {
     height: 100px;
   }
   #footer-container {
     background-color: rgb(0, 59, 83);
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 60px;
   }
   #footer-container .dark-blue-banner {
     height: 230px;
     padding-top: 30px;
     padding-bottom: 30px;
   }
   #footer-container .med-blue-banner {
     height: 60px;
     padding-top: 10px;
     padding-bottom: 10px;
   }
   #footer-copyright {
     padding-top: 11px;
     color: #fff;
   }
   #footer-social {
     padding-top: 8px;
     text-align: right;
   }
   #footer-social .fa {
     font-size: 30px;
     letter-spacing: 10px;
     color: rgba(255, 255, 255, 0.5);
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out
   }
   #footer-social .fa:hover {
     color: rgba(255, 255, 255, 0.8);
   }
   #footer-container a {
     color: rgb(212, 239, 252);
   }
   #footer-container #google_translate_element a {
       color: #333;
   }
   #footer-container p {
     margin-bottom: .4rem;
   }
   #footer-container a:hover {
     color: rgb(111, 189, 233);
   }
   #footer-mndot-logo img {
     max-height: 160px;
     width: auto;
   }
   #footer-mngo-logo img {
     max-height: 160px;
     width: auto;
   }
   #footer-sitemap p {
     font-size: 1em;
     line-height: .5em;
     margin-bottom: 1rem;
   }
   
   /*########### SIMPLE BAR CHART #####################*/
   
   
   /*******************************/
   
   
   /*******************************/
   
   .minnChart {
     padding: 15px 0px 0px 0px;
     font-size: small;
   }
   .simple-bar-table, .simple-bar-table caption, .simple-bar-table tbody, .simple-bar-table tfoot, .simple-bar-table thead, .simple-bar-table tr, .simple-bar-table th, .simple-bar-table td {
     width: 100%;
     margin: 0px;
     padding: 0px;
     border: 0px !important;
     outline: 0px !important;
     font-size: 100% !important;
     vertical-align: top !important;
     background: transparent !important;
   }
   .simple-bar-wrapper {
     margin: 10px;
   }
   .simple-bar-label {
     padding-right: 4px !important;
     color: rgb(70, 70, 70);
     height: 22px;
     line-height: 22px;
     vertical-align: middle;
     text-align: right;
     float: left;
   }
   .dark-blue-banner .simple-bar-label {
     color: #fff;
   }
   .simple-bar {
     height: 22px;
     background-color: rgb(111, 189, 233) !important;
     display: inline-block !important;
     padding-bottom: 10px;
     -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
     -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;
   }
   div.simple-bar:hover {
     background-color: rgb(4, 159, 218)!important;
   }
   .simple-bar-table-callout {
     visibility: hidden;
     overflow-y: visible;
     display: inline-block;
     height: 22px;
     vertical-align: top;
     line-height: 20px;
     margin-left: 8px;
     padding-left: 10px;
     padding-right: 10px;
     background: rgb(212, 239, 252);
     border: 1px solid rgb(212, 239, 252);
     position: absolute;
   }
   .dark-blue-banner .simple-bar-table-callout {
     background: #ffffff;
     border: 1px solid #ffffff;
   }
   #table1 .simple-bar-table tr {
     height: 50px;
   }
   #table1 .simple-bar {
     padding-bottom: 30px;
   }
   #table1 .simple-bar-table-callout {
     height: 30px;
     padding-top: 4px;
     min-width: 95px;
   }
   #table1 .simple-bar-table td {
     height: 26px;
   }
   #table1 .simple-bar-label {
     width: 80px !important;
   }
   #table2 .simple-bar {
     padding-bottom: 10px;
     margin-bottom: 5px;
   }
   #table2 .simple-bar-table tr {
     height: 39px;
   }
   #table2 .simple-bar-label {
     width: 155px !important;
     height: 0px;
   }
   #table2 td {
     line-height: 1em;
   }
   
   /*******************************/
   
   .simple-bar:hover ~.simple-bar-table-callout {
     visibility: visible;
   }
   .simple-bar:focus ~.simple-bar-table-callout {
     visibility: visible;
   }
   .simple-bar-table-callout:after {
     right: 100%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(212, 239, 252, 0);
     border-right-color: rgb(212, 239, 252);
     border-width: 6px;
     margin-top: -6px;
   }
   .dark-blue-banner .simple-bar-table-callout:after {
     border-color: rgba(255, 255, 255, 0);
     border-right-color: #ffffff;
   }
   
   /*******************************/
   
   /******** CM ADDED ************/
   
   body { overflow-x: hidden; }
   .footer-push { background-color: #fff; height: 20px; }
   #footer-container { height: auto; position: static; }
   
   div.bar-chart-area { background-image: url("https://minnesotago.org/application/blocks/quick_link_box_image/img/shattered.png"); padding: 5px 24px; }
   ul.bar-chart-list { font-size: .9em; line-height: 18px; padding: 0 2%; }
   ul.bar-chart-list > li { padding-bottom: 12px; }
   table.bar-chart { background-color: transparent; border: 0; margin-bottom: 0; width: 100%; }
   table.bar-chart tr, table.bar-chart thead { background-color: transparent; }
   table.bar-chart th { display: inline-block; font-size: .75em; font-weight: 400; line-height: 14px; margin: 4px 4% 7px; position: relative; vertical-align: top; width: 20%; }
   table.bar-chart th:nth-of-type(1) { display: none; }
   table.bar-chart th:nth-of-type(2) { margin-left: 28%; }
   table.bar-chart th:nth-of-type(2):before, table.bar-chart th:nth-of-type(3):before { background-color: #023f5e; content: ""; display: block; height: 12px; left: -13px; position: absolute; top: 9px; width: 12px; }
   table.bar-chart td { display: inline-block; font-size: .8em; margin: 0; padding: 0; }
   table.bar-chart td:nth-of-type(1) { font-size: .85em; line-height: 14px; padding-right: 10px; text-align: right; vertical-align: middle; width: 25%; }
   table.bar-chart td:nth-of-type(1) > a { color: #023f5e; }
   table.bar-chart td:nth-of-type(2), table.bar-chart td:nth-of-type(3) { background-color: #023f5e; color: #eee; font-size: 1.05em; height: 30px; margin-bottom: 4px; min-width: 18px; padding: 5px 4px; text-align: right; }
   table.bar-chart th:nth-of-type(3):before, table.bar-chart td:nth-of-type(3) { background-color: #2f74a6; }
   p.bar-chart-caption { font-size: .7em; padding: 18px 5px 2px; }
   
   div.bar-chart-slider { background-color: #ddd; background-color: rgba(140,140,140,.2); border-radius: 8px; margin-bottom: 20px; overflow: hidden; padding: 6px 22px 4px; }
   div.bar-chart-slider > h4 { cursor: pointer; }
   div.bar-chart-slider > h4:after { content: "â–¾"; font-size: 1.4em; margin: -8px 4px 0; position: absolute; }
   div.bar-chart-slider.expanded > h4:after { content: "â–´"; }
   
   .new-features p { text-align: left; width: 100%; }
   
   .full-width img { margin: 12px 0 24px; width: 100%; }
   .avi-sidebar-links a { background-color: #fbb81a; border-radius: 11px; color: #023f5e; display: block; margin: 19px auto 25px; padding: 12px 18px; text-align: center; width: 80%; }
   .avi-sidebar-links a:hover { background-color: #023f5e; color: #fbb81a; }
   .avi-sidebar-hp { margin: 86px 3% 33px; }
   .avi-sidebar-hp .qlbox-container { min-height: auto; }
   .plane-lists ul { list-style-type: none; margin-left: 4px; }
   .plane-lists ul li:before { color: #fbb81a; content: "\f072"; font-family: "FontAwesome"; margin-right: 11px; }
   .plane-lists ul.timeline li { color: #555; }
   .plane-lists ul.timeline li:before { color: #555; }
   .plane-lists ul.timeline li.current { color: #003865; font-weight: 700; }
   .plane-lists ul.timeline li.current:before { color: #fbb81a; }
   .avi-outline-link a { border: 5px solid #fbb81a; border-radius: 14px; color: #023f5e; display: block; margin: 22px auto 18px; padding: 14px; text-align: center; width: 80%;  }
   .avi-outline-link a:hover { background-color: #fbb81a; border-color: #2f74a6; color: #2f74a6; }
   
   .featured-content-row .medium-4 img { left: -25%; max-width: 200%; position: relative; width: 125%; }
   .featured-content-row h1 { line-height: 1em; margin: 0 0 8px; }
   .ccm-page .ccm-block-tags-wrapper a span { font-size: .7em; }
   .featured-content-row .learn-more-link { background-color: #e6e6e6; display: inline-block; font-size: 1em; font-weight: 700; padding: 7px 11px; }
   .featured-content-homepage > div > a { display: block; }
   
   .how-perform-hp {   background-color:#9BCBEB;
     background-repeat: repeat; }
   .how-perform-hp .page-banner-content { background-color: transparent; padding: 0 5% 58px; }
   .how-perform-hp h2 { color: #003865; margin-bottom: 28px; margin-top:30px;}
   .how-perform-hp h3 { color: #003865; }
   .how-perform-hp p { color: #3a3a3a; margin-bottom: 38px; }
   #perf-btn {margin-top:40px;}
   #laptopimg {margin-left:6%;}
   
   .how-fund-hp { background-color: #008EAA; }
   .how-fund-hp .page-banner-content { background-color: transparent; padding: 32px 5% 58px; }
   .how-fund-hp h2 { color: #fff; margin-bottom: 28px; }
   .how-fund-hp h3 { color: #fff; line-height: 1.2em; }
   .how-fund-hp p { color: #fff; margin: 16px 0 40px; }
   
   @media screen and (max-width: 1400px) {
     .how-fund-hp iframe { height: 260px !important; width: 90% !important; }
   }
   @media screen and (max-width: 1000px) {
     .how-fund-hp iframe { height: 180px !important; width: 100% !important; }
   }
   
   
   .show-on-mobile { display: none; }
   @media screen and (max-width: 642px) {
        .show-on-mobile { display: inline; }
        .remove-on-mobile { display: none; }
   }
   
   @media screen and (max-width: 1200px) {
     table.bar-chart td:nth-of-type(1) { font-size: .8em; line-height: 12px; width: 31%; }
     table.bar-chart td:nth-of-type(2), table.bar-chart td:nth-of-type(3) { font-size: 1em; }
   }
   @media screen and (max-width: 880px) {
     table.bar-chart td:nth-of-type(1) { font-size: .65em; line-height: 10px; width: 30%; }
     table.bar-chart td:nth-of-type(2), table.bar-chart td:nth-of-type(3) { font-size: .8em; }
     table.bar-chart th:nth-of-type(2), table.bar-chart th:nth-of-type(3) { display: block; margin: 0 20%; width: 100%; }
   }
   @media screen and (max-width: 40.0625em) {
     table.bar-chart td:nth-of-type(1) { font-size: .85em; line-height: 10px; width: 31%; }
     table.bar-chart td:nth-of-type(2), table.bar-chart td:nth-of-type(3) { font-size: .95em; }
   }
   @media screen and (max-width: 440px) {
     div.bar-chart-area { padding: 8px; }
         table.bar-chart td:nth-of-type(1) { font-size: .65em; line-height: 10px; width: 40%; }
     table.bar-chart td:nth-of-type(2), table.bar-chart td:nth-of-type(3) { font-size: .8em; }
   }
   
   table#trend-table * { font-size: .95em; line-height: 12px; padding: 6px 3px; }
   p#citations { font-size: 1em; }
   p.trend-figure-header { color: #2d74a6; font-family: "Oswald", sans-serif; font-size: 1.2em; text-align: center; }
   #table2 .simple-bar-table td { height: auto; }
   .simple-bar-table-callout { z-index: 12; }
   .slick-prev, .slick-next { height: 36px; width: 36px; }
   
   #stayupdatedbanner .fields { float: none; }
   #stayupdatedbanner .form-control { display: inline-block; margin-left: 2%; width: 49%; }
   #stayupdatedbanner input[type="submit"] { display: block; float: none; margin: 0 auto; }
   
   div#footer-container > div.med-blue-banner > div { display: inline-block; float: none; vertical-align: top;  }
   div#footer-copyright { display: inline-block; float: none; padding: 7px 2%; width: 63%; }
   div#footer-social { display: inline-block; float: none; padding: 7px 2%; vertical-align: top; width: 16%; }
   div#translation-widget { display: inline-block; float: none; padding: 9px 0; vertical-align: top; width: 20%; }
   
   div#translation-widget:before { color: #fff; content: "Translate:"; float: left; font-size: .75em; padding: 3px 10px 0 0; }
   div#google_translate_element { border: #0f0 !important; }
   div#google_translate_element * { font-size: .9em !important; }
   
   ul.pagination li { height: 2.4rem !important; }
   .pagination > li > a, .pagination > li > span { line-height: 1.42857 !important; padding: 6px 12px !important; }
   div#related-trends > div { display: inline-block; padding-top: 14px; vertical-align: top; width: 24%; }
   
   .mnship-steps-2021 h3 { background: #003865; border-bottom: 4px solid #0B9EDA; color: #fff; font-size: 1.4em; margin: 0; padding: 6px 12px; text-transform: uppercase; }
   .mnship-steps-2021 img { float: right; margin: 8px 2px; height: 18px; width: auto; }
   .mnship-steps-2021 ul { background: #E7F1F6; margin: 0 0 22px; padding: 10px 18px; }
   .mnship-steps-2021 ul h4 { margin-top: 0; }
   .mnship-steps-2021 ul li { color: #003865; margin: 0 0 0 28px; padding-bottom: 6px; }
   
   @media screen and (max-width: 1200px) {
       .simple-bar-table td:nth-child(odd), #table2 .simple-bar-table td:nth-child(odd) { font-size: .75em !important; width: 100% !important; }
       .simple-bar-table td:nth-child(even), #table2 .simple-bar-table td:nth-child(even) { height: 100; width: 100% !important; }
       .simple-bar-table-callout { font-size: .8em; }
       div.trends { font-size: .75em; }
       div.trends a > img { width: 70%; }
       div#related-trends > div > p { margin: 0; }
       div#related-trends > div > p > a > img { width: 55%; }
       div#related-trends > div { font-size: .7em; padding-bottom: 9px; }
       div#related-trends h4, div.trends h4 { font-size: 1.4em; }
   }
   
   @media screen and (max-width: 1015px) {
         #footer-copyright.small-10  { font-size: .8em; line-height: 14px; width: 54%; }
       #footer-social.small-2 { width: 24%; }
       div#translation-widget:before { font-size: .6em; padding: 4px 6px; }
       div#google_translate_element * { font-size: .85em !important; }
   }
   
   @media screen and (max-width: 930px) {
       div.page-banner-content { font-size: .8em; }
       div.page-banner-content h1 { font-size: 1.8em; padding-bottom: 20px; }
       .dem-table td, .dem-table th { font-size: .8em; line-height: 12px; padding: 3px;}
   
       .mnship-steps-2021 ul h4 { font-size: 1.4em; }
       .mnship-steps-2021 img { height: 16px; margin: 4px 0; }
   }
   
   @media screen and (max-width: 690px) {
          #footer-copyright.small-10 { font-size: .6em; padding: 14px; width: 66%; }
       div#translation-widget { width: 31%; }
       #footer-social.small-2 { display: none; }
       .simple-bar-table-callout { background-color: transparent; border: none; display: block; font-size: .9em; margin-left: -2px; margin-top: -27px; visibility: visible; }
       #table1 .simple-bar-table-callout { margin-top: -33px; }
       .simple-bar-table-callout:after { display: none; }
       div.trends .column, div.trends .columns { display: inline-block; float: none !important; vertical-align: top; width: 48% !important; }
       div#related-trends > div { width: 48%; }
       div#related-trends > div > p > a > span { display: none; }
   }
   
   @media screen and (max-width: 460px) {
       #footer-copyright.small-10 { display: block; margin: 2px auto 0; padding: 0; text-align: center; width: 95%; }
       div#translation-widget { display: block; margin: 0 auto; text-align: center; width: 200px; }
       .fc-left, .fc-right { margin: 0 auto 10px; }
       .fc-center { padding-top: 10px;  }
       .dem-table th { display: none; }
       .dem-table tr:nth-child(even) { background-color: #fff; }
       .dem-table td { border: 0; display: inline-block; padding: 8px 9px; }
   }
   
   
   /*###########MEDIA QUERIES#####################*/
   
   @media screen and (max-width: 1525px) {
     #image-banner { height: 500px; }
     #site-logo { top: 80px; }
   }
   
   @media only screen and (max-width: 1300px) {
     .alert-body-title {
       padding-top: 3%;
     }
     #image-banner { height: 420px; }
   }
   
   @media only screen and (max-width: 1120px) {
     .alert-body-content {
       width: 80%;
     }
   
       /** CSM 3/11/16 **/
     #alert-block .slick-track, #alert-block .alert-body-title1 { padding: 9px 2% 0; }
     #alert-block .alert-body-title1 > span { font-size: 14px; }
     #alert-box-button { margin-top: -5px; }
   }
   @media only screen and (max-width: 1024px) {
     #footer-sitemap p {
       font-size: 1em;
       line-height: .8em;
       margin-bottom: 1rem;
     }
     #future-right {
       transform: translate(135%, -50%);
     }
     #future-left {
       transform: translate(0%, -50%);
     }
     #mn-future-banner span.mn-future-tagline {
       font-size: 1.8em;
     }
     .alert-body-title1 {
       padding-top: .5%;
     }
   
     #image-banner { height: 340px; }
   
   }
   @media only screen and (min-width: 921px) {
     .alert-body-title1 {
       padding-top: .5%;
     }
     .alert-body-title1 span {
       font-size: 18px;
     }
   }
   @media only screen and (max-width: 920px) {
     .alert-body-title1 {
       padding-top: .5%;
     }
     .alert-body-title1 span {
       font-size: 27px;
     }
   }
   @media only screen and (max-width: 860px) {
     #footer-sitemap p {
       font-size: .8em;
     }
     #image-banner { height: 240px; }
     .alert-body-title1 span {
       font-size: 24px;
     }
     .alert-body-title1 {
       padding-top: 1%;
     }
   }
   @media only screen and (max-width: 740px) {
     .alert-body-title1 span {
       font-size: 22px;
     }
   
       /** CSM 3/11/16 **/
     #alert-block { height: 88px; }
     #alert-block .slick-track, #alert-block .alert-body-title1 { padding: 2px 2% 0; }
     #alert-block .alert-body-title1 > span { font-size: 11px; margin-right: 3px; }
     #alert-box-button { margin-top: -6px; padding: 0; }
     #alert-block span.default-btn { font-size: 12px !important; margin-top: 6px; padding: 3px 8px; }
   }
   @media only screen and (max-width: 705px) {
     #future-left {
       transform: translate(-5%, -50%);
     }
     #future-right {
       transform: translate(140%, -50%);
     }
     #future-left {
       padding-left: 20px
     }
     #future-right {
       padding-left: 10px
     }
     .alert-body-title1 span {
       font-size: 19px;
     }
   
   
   }
   @media only screen and (max-width: 640px) {
     /*.alert-body-content {
       width: 100%;
       height: 100px;
     }
     #alert-body {
       height: 66px;
     }*/
     .dark-blue-scroll-btn { display: none; }
     .slick-prev {
       left: 0px;
     }
     .slick-next {
       right: 0px;
     }
     #footer-sitemap {
       display: none;
     }
     #footer-container .dark-blue-banner {
       height: 200px;
     }
     #footer-container .med-blue-banner {
       height: 80px;
     }
     #footer-copyright {
       font-size: 10px;
     }
     /*#alert-body {
       height: 50px;
     }*/
     #alert-tab {
       display: none;
     }
     #mn-future-banner {
       margin-top: 0;
     }
     #alert-block {
       bottom: -55px;
     }
   
     .lets-make a { width: 45%; }
   
   
     #image-banner img { max-width: 2000%; width: 150%; }
     #site-logo { top: 10px;  }
   
     .alert-box-button span.default-btn {
       font-size: .9em;
       white-space: nowrap;
     }
     .alert-box-button .default-btn {
       padding: 3px 7px;
     }
     #home-page-hide-skinny {
       display: none;
     }
     #home-page-skinny-show {
       display: block;
     }
     #mngo-intro h2, #mngo-intro p, #reqprestext h4 {
       text-align: center;
     }
     .columns {
       margin-bottom: 30px;
     }
     #alert-block .columns {
       margin-bottom: 0px;
     }
   
   
   }
   @media only screen and (max-width: 580px) {
     #mobile-home-nav-bar {
       display: block;
       height: 75px;
       background-image: url('../img/dark-blue-bg.gif');
     }
     #menu-button, #menu-button-sub {
       top: 10px;
       left: 10px;
       width: 55px;
       height: 55px;
       padding: 0;
     }
     #menu-button {
       background-color: rgb(4, 159, 218);
     }
     #share-button {
       top: 10px;
       right: -20px;
       width: 55px;
       height: 55px;
       padding: 0;
     }
     #menu-button .menu-button-text, #menu-button-sub .menu-button-text, #share-button .menu-button-text {
       font-size: .6em;
     }
     #menu-button .fa, #menu-button-sub .fa, #share-button .fa {
       font-size: 1.3em;
     }
     #social-pill {
       right: -20px;
       top: 5px;
       width: 55px;
     }
     #social-pill .social-icons {
       font-size: 2.2em;
       /* padding: 0; */
     }
     .sicon {
       /* padding: 10px 0px; */
     }
     #site-logo {
       width: 75%;
       transform: translate(-50%, 10%);
     }
     #mn-future-banner span.mn-future-tagline {
       font-size: 1.5em;
     }
   }
   @media only screen and (max-width: 500px) {
     #mn-future-banner {
       height: 150px;
     }
     #mn-future-banner span.mn-future-tagline {
       font-size: 1.3em;
     }
   /*  .alert-body-content {
       width: 95%;
     }
     #alert-body-title-column {
       width: 100%!important;
       text-align: center!important;
     }
     .alert-box-button {
       width: 100%;
       text-align: center;
       padding: 0;
     }
     .alert-body-title {
       padding: 0;
       height: 35px!important;
     }
     #alert-body {
       height: 70px;
     }
     #alert-block {
       bottom: -70px;
     } */
     #mn-future-banner {
       margin-top: 0;
     }
   
       /* CSM 3/11/16 */
     #alert-block { height: 82px; }
     #alert-block .alert-body-title1 > span { display: none; }
     #alert-box-button { float: none; margin: -3px; padding: 0; }
     #alert-block .slick-track, #alert-block .alert-body-title1 { margin: 0; padding: 0; }
     #alert-block span.default-btn { font-weight: 400; font-size: 10px !important; text-align: center; width: 100%; }
     #alert-block span.default-btn:after { content: " for the new draft GMTIP plan!"; }
   }
   @media only screen and (max-width: 460px) {
     .alert-body-title1 span {
       display: block;
     }
     #alert-block .slick-prev, #alert-block .slick-next {
       margin-top: -32px;
     }
     .alert-body-title1 span {
       font-size: 15px;
     }
    /* #alert-body span.default-btn {
       font-size: 13px!important;
       margin-top: 5px
     } */
   
   
   }
   @media only screen and (max-width: 430px) {
     #site-logo-subpage {
       margin: 50px 0px 0px 0px;
       width: 300px!important;
     }
     #site-logo-subpage img {
       display: block;
       margin: 0 auto;
       max-height: 200px;
       width: 88%;
     }
     #subpage-header-container {
       min-height: 205px;
     }
     #footer-container .dark-blue-banner {
       height: 150px;
     }
   
     #image-banner img { width: 220%; }
   #site-logo { top: 60px; }
   
     #mn-future-banner span.mn-future-tagline {
       font-size: .75em;
     }
     #mn-future-banner {
       height: 80px;
     }
   
   
   }
   @media only screen and (max-width: 340px) {
     .alert-body-title1 span {
       font-size: small;
     }
   }
   @media only screen and (max-width: 320px) {
     #mn-future-banner span.mn-future-tagline {
       font-size: .9em;
     }
   }
   
   
   @media print {
     #menu,
     #header-container,
     #footer-container,
     .medium-1 { display: none; }
   }