@media (min-width: 576px) {
    .navbar-mobile { display:none; }
    .navbar-norm { display:flex; }
}

@media (min-width: 960px) {
    .angle-bgs {display:none;}
    .m960 {
        display: inline;
    }
    .fs {
        float: left !important;
    }

    .fe {
        float: right !important;
    }
    
    .space-10 { height: 10px; }
    .space-20 { height: 20px; }
    .space-40 { height: 40px; }
    .space-60 { height: 60px; }
    .space-80 { height: 80px; }
    .space-100 { height: 100px; }

    header { background-image:url(/assets/img/back.jpg); }
    header { height:100vh; position:relative; overflow:hidden; background-color:#fff; background-position-x:center; background-position-y:top; background-repeat:no-repeat; background-size:cover; }
    header.sm {
        height: 236px;
    }
    section.news-item h2 { font-size:1.4rem; }
    header:before {
        content:"";
        position:absolute;
        z-index:2;
        left:50%;
        margin-left:-325px;
        top:100px;
        width:649px;
        height:364px;
        background-image:url(/assets/img/logo_lg_w.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
    }
    .flex-even { flex: 1; }

    #references .refs h5 {
        font-size: 1.2rem;
    }

    #services h2 {
        text-align: inherit;
    }

    #services .img {
        border: 8px solid #fff;
        box-shadow: 0px 0px 30px #000;
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 520px;
        height: 390px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #services .img.v {
        width: 420px;
        height: 500px;
    }

    #intro .section-title {
        text-align: left;
    }
    #intro .section-description {
        text-align: left;
    }

    #news .news-img { display:block !important; }
    #news .news-text {
    flex: 0 0 83.33333333333%;
    max-width: 83.33333333333%;
    padding-left: 4rem;
    }
    #xst { display:none;}
    header .header-title, header .about-me {
        display: block;
    }
    header .header-title {
        display: block;        
    }

    header .header-title {
        font-size: 4rem;
    }
    header .about-me {
        font-size: 2.2rem;
        bottom:20%;
    }

    #maps{width:100%; height:500px; }

    #program .props p {
        font-weight:600;
        font-size:1.5rem;
        margin-top:0.75rem;
    }

    .h2, h2 {font-size: 2rem;}
}