@media only screen and (max-width: 28.74999em) {
    .mpc-about {
        width: 90%;
    }
    .mpc-about .top-bar {
        width: calc(60vw - 3em);
        margin: 0 auto;
        background: transparent;
        display: none !important;
    }
    .title-bar-title {
        font-size: 0.5em;
        display: none;
    }
    .mpc-about .info-wrapper-about {
        width: 100%;
        margin: 0;
        position: relative;
        top: 25vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 100%;
        margin: 0 auto 5em auto;
        padding: 1em;
        float: none;
        display: inline-block;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 3em;
        color: #141414;
        font-family: 'Merriweather', serif;
        font-size: 0.75em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 70%;
        text-align: right;
        float: right;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-top: 0em;
        padding: 1em;
        float: none;
        clear: both;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
        width: 50%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
        width: 50%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        height: 90%;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(93% / 2);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 28.750em) and (max-width: 39.999em) {
    .mpc-about {
        width: 90%;
    }
    .mpc-about .top-bar {
        width: calc(60vw - 3em);
        margin: 0 auto;
        background: transparent;
        display: none !important;
    }
    .title-bar-title {
        font-size: 0.5em;
    }
    .mpc-about .info-wrapper-about {
        width: 100%;
        margin: 0;
        position: relative;
        top: 15vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 100%;
        margin: 0 auto 7em auto;
        padding: 1em;
        float: none;
        display: inline-block;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 3em;
        color: #141414;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 60%;
        text-align: right;
        float: right;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 0em;
        padding: 1em;
        float: none;
        clear: both;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
        width: 50%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
        width: 50%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        height: 90%;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(93% / 3);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 40em) and (max-width: 47.999em) {
    .mpc-about {
        width: 90%;
        background-size: contain;
    }
    .mpc-about .top-bar {
        width: calc(60vw - 3em);
        margin: 0 auto;
        background: transparent;
        display: none !important;
    }
    .mpc-about .info-wrapper-about {
        width: 100%;
        margin: 0;
        position: relative;
        top: 33vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 100%;
        margin: 0 auto;
        padding: 1em;
        float: none;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 2em;
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 100%;
        text-align: center;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 0em;
        padding: 1em;
        float: none;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.8em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        height: 90%;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(93% / 4);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 48em) and (max-width: 63.999em) {
    .mpc-about {
        background-size: contain;
        width: 90%;
    }
    .mpc-about .top-bar {
        width: calc(60vw - 3em);
        margin: 0 auto;
        background: transparent;
        display: none;
    }
    .mpc-about .info-wrapper-about {
        width: 100%;
        margin: 0;
        position: relative;
        top: 33vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 80%;
        margin: 0 auto;
        padding: 1em;
        float: none;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 3em;
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 100%;
        text-align: center;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 50%;
        margin: 0 auto;
        margin-top: 0em;
        padding: 1em;
        float: none;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        height: 90%;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(93% / 5);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 64em) and (max-width: 79.999em) {
    .mpc-about {
        background-size: contain;
        width: 90%;
    }
    .mpc-about .top-bar {
        width: calc(73vw - 3em);
        margin: 0 auto;
        background: transparent;
    }
    .mpc-about .info-wrapper-about {
        width: 100%;
        margin: 0;
        position: relative;
        top: 35vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 60%;
        margin: 0;
        padding: 0 2em 0 0;
        float: left;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 3em;
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 100%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 40%;
        margin: 0;
        margin-top: -3em;
        padding: 0 0 0 2em;
        float: left;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        max-width: 1080px;
        height: 80%;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(95% / 7);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .mpc-about {
        background-size: contain;
        width: 90%;
    }
    .mpc-about .top-bar {
        width: calc(60vw - 3em);
        margin: 0 auto;
        background: transparent;
    }
    .mpc-about .info-wrapper-about {
        width: 100%;
        margin: 0;
        position: relative;
        top: 33vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 60%;
        margin: 0;
        padding: 0 2em 0 0;
        float: left;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 3em;
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 90%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 40%;
        margin: 0;
        margin-top: -3em;
        padding: 0 0 0 2em;
        float: left;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        max-width: 1080px;
        height: 80%;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(95% / 7);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 90em) and (max-width: 104.999em) {
    .mpc-about {
        background-size: contain;
        width: 100%;
    }
    .mpc-about .top-bar {
        width: calc(53vw - 3em);
        margin: 0 auto;
        background: transparent;
    }
    .mpc-about .info-wrapper-about {
        width: 90%;
        margin: 0 auto;
        position: relative;
        top: 33vw;
        left: 0;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text {
        width: 60%;
        margin: 0;
        padding: 0 2em 0 0;
        float: left;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-text p {
        margin: 0;
        padding: 0em;
        padding-bottom: 3em;
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: normal;
        background: url(../img/ornament_3.png) no-repeat bottom left;
        background-repeat: repeat-x;
        width: 90%;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media {
        text-align: center;
        width: 40%;
        margin: 0;
        margin-top: -3em;
        padding: 0 0 0 2em;
        float: left;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-video a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery {
        margin: 0 auto;
        padding: 0;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery h3 {
        color: #424242;
        font-family: 'Merriweather', serif;
        font-size: 0.9em;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a {
        display: block;
        margin: 0 auto;
        padding: 1em;
    }
    .mpc-about .info-wrapper-about .info-wrapper-about-media .info-wrapper-gallery a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 1px solid #424242;
    }
    .social-wrapper {
        right: 5em;
    }
    .gallery-modal-inner {
        margin: 0 auto;
        margin-top: 5%;
        padding: 2em;
        max-width: 1280px;
        height: 650px;
        position: relative;
    }
    .gallery-thumbs ul li {
        display: inline-block;
        width: calc(96% / 7);
        margin: 1px;
        padding: 0;
    }
}

@media only screen and (min-width: 105em) and (max-width: 119.999em) {
    .mpc-about .top-bar {
        width: calc(47vw - 3em);
    }
}

@media only screen and (min-width: 120em) {
    .mpc-about .top-bar {
        width: calc(41vw - 3em);
    }
}