@media only screen and (max-width: 40em) {
  #nav {
    position: relative; }

  #nav:not(:target) > a:first-of-type,
  #nav:target > a:last-of-type {
    display: block; }

  /* first level */
  #nav > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0; }

  #nav > ul.active {
    display: block; }

  #nav > ul > li {
    width: 100%;
    float: none; }

  /* second level */
  #nav li ul {
    position: static; } 
}

@media only screen and (max-width: 959px) {
	.site-header #heading #heading_image img {
		display: none !important;
	}
}

@media only screen and (min-width: 715px) and (max-width: 900px) {
	.site-header #nav > ul > li > a {
		font-size:9px !important;
                font-size: 0.9rem !important;
	}
}

@media only screen and (min-width: 664px) and (max-width: 714px) {
        
    .site-header #nav > ul {
        height:2.5em;
    }
	.site-header #nav > ul > li > a {
		font-size:7px !important;
                font-size: 0.7rem !important;
	}
        
        .site-header #nav li ul a {
		font-size:7px !important;
                font-size: 0.7rem !important;
        }
}

@media only screen and (max-width: 793px) {
	.site-header #heading #heading_image img {
		display: none !important;
	}
}

@media only screen and (max-width: 664px) {
    html, body {
        width:100%;
        //overflow:hidden;
    }
    
    .hidemobile {
        display: none;
    }
    
    .showmobile {
        display:block !important;
    }
    
    #heading_title .site-title {
        font-size: 19px !important;
        font-size: 1.9rem !important;
    }
    
    #heading_title h4 {
        font-size: 16px !important;
        font-size: 1.6rem !important;
    }
    
    .site-header #heading #heading_content p.alt {
        max-width:48%;
    }
    
    .site-header #heading #heading_content p.alt,
    .site-header #heading #heading_content p.alt .small {
        text-align:left;
        font-size:9px !important;
    }
    
    .site-header #heading #heading_content p.meet {
        max-width:35%;
        float:right;
        text-align:center;
        font-size:9px;
    }
    
    .nav-menu li {
        display:none !important;
    }
    
    .nav-menu li.social {
        display:inline-block !important;
    }
    
    #heading {
        padding:0!important;
    }
    
    #heading .column {
       width:100%; 
    }
    
    #page #main {
        padding-left: 2%;
        padding-right:2%;
    }
    
    #tertiary {
        display:none;
    }
    
    #footer_inner {
        display:block !important;
        max-width:100%;
    }
    
    #footer .column {
        width:32% !important;
        margin:0;
        display:block !important;
        float:left !important;
    }
    
    #footer .column:nth-child(4) {
        clear:left;
        background:none !important;
    }
    
    #footer .column:nth-child(4),
    #footer .column:nth-child(5) {
        width:48% !important;
    }
}