ul.columns {
    margin-left:0 !important;
    margin-right:0 !important;
}
@media(max-height:800px){    
    .phase:hover ul.links {
        bottom: 100% !important;
        top: unset !important;
    }
}
@media(max-width:1300px){
    #thelogo {
        height: 100px !important;
    }
    #thelogo img {
        height: 100% !important;
    }
    #theheader #header #nav-p1 li{
        font-size:.75em !important;
    }
    #theheader #header #nav-p1 ul li a,
    #theheader #header #nav-p1 ul li .top {
        padding: 5px 10px !important;
    }

}
@media(max-width:1100px){
    body#super.home #thecontent #body{
        padding: 0 !important;
        width:90% !important;
    }
    body#super .timeline .phase::before {
        left: -20px !important;
    }
}
@media (max-width: 900px) {
    :not(.tabsgroup):target,
    :not(.tab):target, 
    .tab-content.active,
    :target,
    .tabsgroup:not(.alt) .tab-content.active {
        border: none !important;
        margin: 0px !important;
        margin-bottom: 40px;
        padding: 20px 0 0 0 !important;
    }
    .tabsgroup {
        margin-top:75px !important;
    }
    .tabsgroup .tabs .tab.active {
        position:absolute !important;
        bottom:100% !important;
        /* top: 100% !important; */
        left:0 !important;
        background:#163059 !important;
        border-color:#163059 !important;
        color:white !important;
    }
    .tabsgroup .tabs .tab:not(.active) {
        font-size:1em !important;
    }
}
@media(max-width:700px){
    body:not(.home) h1,
    body:not(.home) h2 {
        letter-spacing: 0px !important;
        font-size:2em !important;
    }
    body:not(.home) h5,
    body:not(.home) .intro {
        font-size: 1.5em !important;
    }
    body:not(.home) #body{
        border-radius:0 !important;
            -webkit-border-radius:0 !important;
            -moz-border-radius:0 !important;
        padding:20px !important;
    }

    body#super.home{
    }
    body#super.home #thecontent{
        height:unset !important;
        padding:20px 20px 0 !important;
    }
    body#super.home #thecontent #body{
        width:100% !important;
        margin:0 auto !important;
        padding:0 !important;
    }
    body#super .df{
        display:block !important;
        position:relative !important;
    }
    body#super .timeline{
        display:block !important;
        height:unset !important;
        padding-left: 20px !important;
    }
    body#super .timeline .phase,
    body#super .timeline .phase.complete,
    body#super .timeline .phase:hover,
    body#super .timeline .phase.complete:hover{
        background: none !important;
        display: block !important;
        height: unset !important;
        margin: 0px !important;
        padding-bottom: 65px !important;
        border-left: 40px solid mediumseagreen !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        /* margin-left: 20px !important; */
    }
    
    body#super .timeline .phase.complete,
    body#super .timeline .phase.complete:hover{
        border-color:dodgerblue !important;
    }
    
    body#super .timeline .phase:hover{
        border-color:#02cd5d !important;
    }
    
    body#super .timeline .phase.complete:hover{
        border-color:#0064ff !important;
    }

    body#super .timeline .phase ul.links {
        display:none !important;
        position: relative !important;
        bottom:unset !important;
        top:unset !important;
        margin-left:0 !important;
        margin-top: 20px !important;
    }
    body#super .phase ul.links li {
        background:none !important;
        border-top: 1px solid #023155 !important;
        border-bottom: none !important;
        padding: 0 !important;
    }
    body#super .timeline .phase::before {
        box-shadow: 0px -20px 20px rgba(0, 57, 99, .25) !important;
            -webkit-box-shadow: 0px -20px 20px rgba(0, 57, 99, .25) !important;
            -moz-box-shadow: 0px -20px 20px rgba(0, 57, 99, .25) !important;
        height: 70px !important;
        width: 70px !important;
        left: -55px !important;
    }
    body#super .pageintro {
        font-size:1.5em !important;
    }
    body#super .timeline .phase .title {
        padding-left: 30px !important;
        width: 100% !important;
    }
    .columns.two,
    .columns.three,
    .columns.four{
        columns:1;
    }

    
}

@media (max-width: 675px) {
    body:not(.admin) #header {
        display: none !important;
    }
    #headerwrap {
        display: none !important;
    }
    #mobileheader {
        display: block !important;
    }
}