.front_content {
  display: flex;
  flex-wrap: wrap;
  }
.nav_menu {
  display: none;}
.events, .news {
  order: 0;}

@media screen and (max-width: 45em) {
    .nav_menu {
        display: inline-block;
        position: absolute;
        left: .5em;
        top: .3em;}
    .nav_menu svg {
        width: 2em;
        fill: rgba(215,215,215,1);}
    .nav_menu:hover svg {
        fill: rgba(255,255,255,1);}

    .nav {
        z-index: 10;
        width: 9em;
        position: absolute;
        -webkit-transform: translate(-9em, 1.4em);
        transform: translate(-9em, 1.4em);
        transition: transform 0.3s ease;
        }
    .nav.open {
        -webkit-transform: translate(0, 2.4em);
        transform: translate(0, 2.4em);}
    .nav_item {
        user-select: none;
        width: 100%;
        text-align: left;
        background-color: rgb(204, 138, 0);
        }
    .nav_item a {
        padding-left: 1em;}
        
    .nav_sub_list {
        position: absolute;
        width: 12em;
        margin-left: 7em;
        margin-top: -2em}

    .urgent {
    	padding: .7em;
    	font-size: 100%;
        }

    div#highlight_container {
        height: 24em;
        }
    div#highlight img {
        height: 24em;
        border: 0px; /* to avoid a border around those that are links */
        border-radius: 0px;
        margin-left: auto;
        margin-right: auto;
        }

    .highlight_div {
        height: 4em;}
    .highlight_image {
        height: 4em;}
    .highlight_headline {
        height: 5.3em;
        margin-top:-14em;
        font-size: .6em;}
    .highlight_abstract {
        height: 7.5em;
        margin-top:-7.5em;
        font-size: .7em;}
        
    #small_banner_header {
        font-size: 1em;}

/* small_banner_blurb */
    #small_banner_blurb {
        margin-top: 4em;
        font-size: .8em}
        

    .home_logo_image {
        width: 12em;}
    .banner_header_search_area {
        width: calc(100% - 14em);
        height: 2em;}
    #search {
        background-position: top .1em right 1em;}
     input#search {
        height: 2.3em;}
        
    
        
    .partners_outer {
        width: 100%;}
    .follow_outer {
        width: 100%;}
    .foot_links {
        height: 8em;}
    .news {
        height: 18em;
        width: 100%;}
    .news_list_section {
        width: 100%;
        height: 13em;}
    .news_img_section {
        width: 100%;
        height: 0em;}
    .news_img {
        width: 100%;
        height: 0em;}
    .events {
        height: 18em;
        width: 100%;}
    .events_list_section {
        width: 100%;
        height: 13em;}
    .events_img_section {
        width: 100%;
        height: 0em;}
    .events_img {
        width: 100%;
        height: 0em;}

}        

@media screen and (max-width: 54em) {
    .small_banner {
        width: 100%;
        height: 20em;}
    .small_banner_img {
        height: 20em;
        margin-top: 1em;}
    .small_banner_outer {
        margin-top:-9em;
        top: 0;
        height: 10em;
        width:100%}
    .small_banner_headline {
        height:1em;}
    .small_banner_abstract {}
}


@media screen and (min-width: 74em) {
    .news {
        height: 23em;
        width: 33%}
    .news_list_section {
        width: 100%;
        height: 18em;}
    .events {
        height: 23em;
        width: 33%}
    .events_list_section {
        width: 100%;
        height: 18em;}
    .small_banner {
        width: 34%;}
    .small_banner_top {
        height: 5em;}
    .small_banner_img {
        height: 19em;
        margin-top: 5em;}
    .small_banner_outer {
        margin-top:-10em;
        height: 13em;
        width:100%}
    .small_banner_headline {
        height:1em;}
    .small_banner_abstract {}
    .foot_nav_item {
        line-height: 1em;}
    .foot_nav_item_user {
        line-height: 1em;}
}

@media screen and (min-width: 104em) {
    .news {
        width: 40em}
    .events {
        width: 40em}
    .small_banner {
        width: calc(100% - 80em);
}