@media (max-width: 767px) {
    .jumbotron > div:not(.logo) {
        display: none;
    }

    .jumbotron:before {
        display: none;
    }

    .jumbotron h1 {
        display: none;
    }

    .jumbotron canvas {
        display: none !important;
    }

    .jumbotron {
        background: #4a667f url("/static/pages/img/mobile_bg.4775ce3b5026.png") bottom right no-repeat;
        padding: 0;
    }

    .jumbotron .logo {
        height: 110px;
    }

    .jumbotron .logo:before {
        display: none;
    }

    .jumbotron .logo:after {
        margin-top: 14px;
    }

    .jumbotron .logo h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .jumbotron .logo span {
        font-size: 16px;
    }

    .row-tablet {
        display: none;
    }

    .row-pc {
        display: none;
    }

    .row-mobile {
        display: block;
    }

    .service {
        width: 87px;
        height: 87px;
        background: #4a667f;
        outline: none;
        margin: 0 auto;
        border-radius: 5px;
    }

    .service:before {
        width: 61px;
        height: 87px;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 13px;
        display: block;
    }

    .row-mobile .title {
        margin: 10px 0;
        font-size: 11px;
        transform: none;
        width: 100%;
        left: 0;
        display: block;
        position: relative;
    }

    .container-fluid, section {
        width: 100%;
    }

    .services {
        background: #fff;
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .services:before {
        display: none;
        content: none;
    }

    .col-xs-4 {
        padding: 0 10px;
    }

    section.recreation-content > p.slogan {
        font-size: 12px;
    }

    .recreation-title {
        margin-bottom: 20px;
    }

    .map-control {
        border: 3px solid #e6e6e6;
        display: block;
        margin: 0 auto 20px;
    }

    #map {
        height: 270px !important;
    }

    .opportunities .opportunity {
        margin: 25px 15px;
    }

    .opportunities .opportunity img {
        width: 50%;
        display: block;
        margin: 0 auto 25px;
    }

    .opportunities .opportunity .opportunity-text {
        margin-left: 0px;
        font-size: 15px;
        width: calc(100%);
    }

    .calculator {
        display: none;
    }
}