.align-middle{
    -ms-flex-align:center;
    align-items:center
}
.align-self-middle{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.align-stretch{
    -ms-flex-align:stretch;
    align-items:stretch
}
.align-self-stretch{
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch
}
.align-center-middle{
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-line-pack:center;
    align-content:center
}
.small-order-1{
    -ms-flex-order:1;
    order:1
}
.small-order-2{
    -ms-flex-order:2;
    order:2
}
.small-order-3{
    -ms-flex-order:3;
    order:3
}
.small-order-4{
    -ms-flex-order:4;
    order:4
}
.small-order-5{
    -ms-flex-order:5;
    order:5
}
.small-order-6{
    -ms-flex-order:6;
    order:6
}
@media print, screen and (min-width: 40em){
    .medium-order-1{
        -ms-flex-order:1;
        order:1
    }
    .medium-order-2{
        -ms-flex-order:2;
        order:2
    }
    .medium-order-3{
        -ms-flex-order:3;
        order:3
    }
    .medium-order-4{
        -ms-flex-order:4;
        order:4
    }
    .medium-order-5{
        -ms-flex-order:5;
        order:5
    }
    .medium-order-6{
        -ms-flex-order:6;
        order:6
    }
}
@media print, screen and (min-width: 64em){
    .large-order-1{
        -ms-flex-order:1;
        order:1
    }
    .large-order-2{
        -ms-flex-order:2;
        order:2
    }
    .large-order-3{
        -ms-flex-order:3;
        order:3
    }
    .large-order-4{
        -ms-flex-order:4;
        order:4
    }
    .large-order-5{
        -ms-flex-order:5;
        order:5
    }
    .large-order-6{
        -ms-flex-order:6;
        order:6
    }
}
.flex-container{
    display:-ms-flexbox;
    display:flex
}
.flex-child-auto{
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.flex-child-grow{
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.flex-child-shrink{
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
.flex-dir-row{
    -ms-flex-direction:row;
    flex-direction:row
}
.flex-dir-row-reverse{
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.flex-dir-column{
    -ms-flex-direction:column;
    flex-direction:column
}
.flex-dir-column-reverse{
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
@media print, screen and (min-width: 40em){
    .medium-flex-container{
        display:-ms-flexbox;
        display:flex
    }
    .medium-flex-child-auto{
        -ms-flex:1 1 auto;
        flex:1 1 auto
    }
    .medium-flex-child-grow{
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
    .medium-flex-child-shrink{
        -ms-flex:0 1 auto;
        flex:0 1 auto
    }
    .medium-flex-dir-row{
        -ms-flex-direction:row;
        flex-direction:row
    }
    .medium-flex-dir-row-reverse{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .medium-flex-dir-column{
        -ms-flex-direction:column;
        flex-direction:column
    }
    .medium-flex-dir-column-reverse{
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
@media print, screen and (min-width: 64em){
    .large-flex-container{
        display:-ms-flexbox;
        display:flex
    }
    .large-flex-child-auto{
        -ms-flex:1 1 auto;
        flex:1 1 auto
    }
    .large-flex-child-grow{
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
    .large-flex-child-shrink{
        -ms-flex:0 1 auto;
        flex:0 1 auto
    }
    .large-flex-dir-row{
        -ms-flex-direction:row;
        flex-direction:row
    }
    .large-flex-dir-row-reverse{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .large-flex-dir-column{
        -ms-flex-direction:column;
        flex-direction:column
    }
    .large-flex-dir-column-reverse{
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
.slide-in-down.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-in-down.mui-enter.mui-enter-active{
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.slide-in-left.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-in-left.mui-enter.mui-enter-active{
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.slide-in-up.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-in-up.mui-enter.mui-enter-active{
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.slide-in-right.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-in-right.mui-enter.mui-enter-active{
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.slide-out-down.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateY(0);
    transform:translateY(0);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-out-down.mui-leave.mui-leave-active{
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.slide-out-right.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateX(0);
    transform:translateX(0);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-out-right.mui-leave.mui-leave-active{
    -ms-transform:translateX(100%);
    transform:translateX(100%)
}
.slide-out-up.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateY(0);
    transform:translateY(0);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-out-up.mui-leave.mui-leave-active{
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.slide-out-left.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:translateX(0);
    transform:translateX(0);
    transition-property:transform, opacity;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.slide-out-left.mui-leave.mui-leave-active{
    -ms-transform:translateX(-100%);
    transform:translateX(-100%)
}
.fade-in.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    opacity:0;
    transition-property:opacity
}
.fade-in.mui-enter.mui-enter-active{
    opacity:1
}
.fade-out.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    opacity:1;
    transition-property:opacity
}
.fade-out.mui-leave.mui-leave-active{
    opacity:0
}
.hinge-in-from-top.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotateX(-90deg);
    -ms-transform-origin:top;
    transform-origin:top;
    transition-property:transform, opacity;
    opacity:0
}
.hinge-in-from-top.mui-enter.mui-enter-active{
    transform:perspective(2000px) rotate(0deg);
    opacity:1
}
.hinge-in-from-right.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotateY(-90deg);
    -ms-transform-origin:right;
    transform-origin:right;
    transition-property:transform, opacity;
    opacity:0
}
.hinge-in-from-right.mui-enter.mui-enter-active{
    transform:perspective(2000px) rotate(0deg);
    opacity:1
}
.hinge-in-from-bottom.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotateX(90deg);
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    transition-property:transform, opacity;
    opacity:0
}
.hinge-in-from-bottom.mui-enter.mui-enter-active{
    transform:perspective(2000px) rotate(0deg);
    opacity:1
}
.hinge-in-from-left.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotateY(90deg);
    -ms-transform-origin:left;
    transform-origin:left;
    transition-property:transform, opacity;
    opacity:0
}
.hinge-in-from-left.mui-enter.mui-enter-active{
    transform:perspective(2000px) rotate(0deg);
    opacity:1
}
.hinge-in-from-middle-x.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotateX(-90deg);
    -ms-transform-origin:center;
    transform-origin:center;
    transition-property:transform, opacity;
    opacity:0
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active{
    transform:perspective(2000px) rotate(0deg);
    opacity:1
}
.hinge-in-from-middle-y.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotateY(-90deg);
    -ms-transform-origin:center;
    transform-origin:center;
    transition-property:transform, opacity;
    opacity:0
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active{
    transform:perspective(2000px) rotate(0deg);
    opacity:1
}
.hinge-out-from-top.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotate(0deg);
    -ms-transform-origin:top;
    transform-origin:top;
    transition-property:transform, opacity;
    opacity:1
}
.hinge-out-from-top.mui-leave.mui-leave-active{
    transform:perspective(2000px) rotateX(-90deg);
    opacity:0
}
.hinge-out-from-right.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotate(0deg);
    -ms-transform-origin:right;
    transform-origin:right;
    transition-property:transform, opacity;
    opacity:1
}
.hinge-out-from-right.mui-leave.mui-leave-active{
    transform:perspective(2000px) rotateY(-90deg);
    opacity:0
}
.hinge-out-from-bottom.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotate(0deg);
    -ms-transform-origin:bottom;
    transform-origin:bottom;
    transition-property:transform, opacity;
    opacity:1
}
.hinge-out-from-bottom.mui-leave.mui-leave-active{
    transform:perspective(2000px) rotateX(90deg);
    opacity:0
}
.hinge-out-from-left.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotate(0deg);
    -ms-transform-origin:left;
    transform-origin:left;
    transition-property:transform, opacity;
    opacity:1
}
.hinge-out-from-left.mui-leave.mui-leave-active{
    transform:perspective(2000px) rotateY(90deg);
    opacity:0
}
.hinge-out-from-middle-x.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotate(0deg);
    -ms-transform-origin:center;
    transform-origin:center;
    transition-property:transform, opacity;
    opacity:1
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active{
    transform:perspective(2000px) rotateX(-90deg);
    opacity:0
}
.hinge-out-from-middle-y.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    transform:perspective(2000px) rotate(0deg);
    -ms-transform-origin:center;
    transform-origin:center;
    transition-property:transform, opacity;
    opacity:1
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active{
    transform:perspective(2000px) rotateY(-90deg);
    opacity:0
}
.scale-in-up.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:scale(0.5);
    transform:scale(0.5);
    transition-property:transform, opacity;
    opacity:0
}
.scale-in-up.mui-enter.mui-enter-active{
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.scale-in-down.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:scale(1.5);
    transform:scale(1.5);
    transition-property:transform, opacity;
    opacity:0
}
.scale-in-down.mui-enter.mui-enter-active{
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.scale-out-up.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:scale(1);
    transform:scale(1);
    transition-property:transform, opacity;
    opacity:1
}
.scale-out-up.mui-leave.mui-leave-active{
    -ms-transform:scale(1.5);
    transform:scale(1.5);
    opacity:0
}
.scale-out-down.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:scale(1);
    transform:scale(1);
    transition-property:transform, opacity;
    opacity:1
}
.scale-out-down.mui-leave.mui-leave-active{
    -ms-transform:scale(0.5);
    transform:scale(0.5);
    opacity:0
}
.spin-in.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:rotate(-0.75turn);
    transform:rotate(-0.75turn);
    transition-property:transform, opacity;
    opacity:0
}
.spin-in.mui-enter.mui-enter-active{
    -ms-transform:rotate(0);
    transform:rotate(0);
    opacity:1
}
.spin-out.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:rotate(0);
    transform:rotate(0);
    transition-property:transform, opacity;
    opacity:1
}
.spin-out.mui-leave.mui-leave-active{
    -ms-transform:rotate(0.75turn);
    transform:rotate(0.75turn);
    opacity:0
}
.spin-in-ccw.mui-enter{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:rotate(0.75turn);
    transform:rotate(0.75turn);
    transition-property:transform, opacity;
    opacity:0
}
.spin-in-ccw.mui-enter.mui-enter-active{
    -ms-transform:rotate(0);
    transform:rotate(0);
    opacity:1
}
.spin-out-ccw.mui-leave{
    transition-duration:500ms;
    transition-timing-function:linear;
    -ms-transform:rotate(0);
    transform:rotate(0);
    transition-property:transform, opacity;
    opacity:1
}
.spin-out-ccw.mui-leave.mui-leave-active{
    -ms-transform:rotate(-0.75turn);
    transform:rotate(-0.75turn);
    opacity:0
}
.slow{
    transition-duration:750ms !important
}
.fast{
    transition-duration:250ms !important
}
.linear{
    transition-timing-function:linear !important
}
.ease{
    transition-timing-function:ease !important
}
.ease-in{
    transition-timing-function:ease-in !important
}
.ease-out{
    transition-timing-function:ease-out !important
}
.ease-in-out{
    transition-timing-function:ease-in-out !important
}
.bounce-in{
    transition-timing-function:cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out{
    transition-timing-function:cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out{
    transition-timing-function:cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay{
    transition-delay:300ms !important
}
.long-delay{
    transition-delay:700ms !important
}
.shake{
    animation-name:shake-7
}
@keyframes shake-7{
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{
        transform:translateX(7%)
    }
    5%,15%,25%,35%,45%,55%,65%,75%,85%,95%{
        transform:translateX(-7%)
    }
}
.spin-cw{
    animation-name:spin-cw-1turn
}
@keyframes spin-cw-1turn{
    0%{
        transform:rotate(-1turn)
    }
    100%{
        transform:rotate(0)
    }
}
.spin-ccw{
    animation-name:spin-cw-1turn
}
@keyframes spin-cw-1turn{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(1turn)
    }
}
.wiggle{
    animation-name:wiggle-7deg
}
@keyframes wiggle-7deg{
    40%,50%,60%{
        transform:rotate(7deg)
    }
    35%,45%,55%,65%{
        transform:rotate(-7deg)
    }
    0%,30%,70%,100%{
        transform:rotate(0)
    }
}
.shake,.spin-cw,.spin-ccw,.wiggle{
    animation-duration:500ms
}
.infinite{
    animation-iteration-count:infinite
}
.slow{
    animation-duration:750ms !important
}
.fast{
    animation-duration:250ms !important
}
.linear{
    animation-timing-function:linear !important
}
.ease{
    animation-timing-function:ease !important
}
.ease-in{
    animation-timing-function:ease-in !important
}
.ease-out{
    animation-timing-function:ease-out !important
}
.ease-in-out{
    animation-timing-function:ease-in-out !important
}
.bounce-in{
    animation-timing-function:cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out{
    animation-timing-function:cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out{
    animation-timing-function:cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay{
    animation-delay:300ms !important
}
.long-delay{
    animation-delay:700ms !important
}

h2{
    color:#323232
}
a,a:hover{
    color:#0a0a0a
}
ul.simple-list{
    list-style:none;
    padding:0;
    margin:0
}
.button{
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase
}
.button.small{
    padding:.9375em 1rem .6875rem
}
section{
    padding:2rem 0 2.5rem
}
@inlude breakpoint(medium){
    section{
        padding:3.5rem 0 4rem
    }
}
@inlude breakpoint(large){
    section{
        padding:5rem 0 6rem
    }
}
section.bottom-line{
    border-bottom:3px solid #969696
}
.intro{
    margin:1.5rem 0 2.5rem
}
@media print, screen and (min-width: 40em){
    .intro{
        margin:3rem 0 5rem
    }
}
.no-margin{
    margin:0 !important
}
.no-margin-top{
    margin-top:0 !important
}
.no-margin-bottom{
    margin-bottom:0 !important
}
.no-padding{
    padding:0 !important
}
.no-padding-top{
    padding-top:0 !important
}
.no-padding-bottom{
    padding-bottom:0 !important
}
.mb1{
    margin-bottom:1rem
}
.mb2{
    margin-bottom:2rem
}
.mb3{
    margin-bottom:3rem
}
.mb4{
    margin-bottom:4rem
}
.mb5{
    margin-bottom:5rem
}
.green{
    color:#789804 !important
}
.white{
    color:#f6f6f6
}


.hamburger-icon{
    display:inline-block;
    width:1.5rem
}
.hamburger-icon span{
    display:block;
    height:2px;
    background:#969696;
    margin-bottom:4px;
    transition:all .35s ease
}
h1.logo{
    display:inline-block;
    margin-bottom:0;
    width:3.5rem;
    transition:all .3s ease
}
@media print, screen and (min-width: 64em){
    h1.logo{
        width:4rem
    }
}
h1.logo img{
    display:block
}
footer{
    padding:.5rem 1rem .5rem 2rem;
    font-size:.75rem;
    color:#969696;
    background:#f6f6f6;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:999
}
footer .footer-inner{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end
}
footer .footer-inner .social a{
    color:#969696
}
footer .footer-inner .social a:hover{
    color:#0a0a0a
}
.main-slider{
    width:100%;
    height:28.125rem
}
@media print, screen and (min-width: 40em){
    .main-slider{
        height:28.125rem
    }
}
@media print, screen and (min-width: 64em){
    .main-slider{
        height:45rem
    }
}
@media screen and (min-width: 93.75em){
    .main-slider{
        height:52.5rem
    }
}
.main-slider .swiper-container{
    width:100%;
    height:100%
}
.main-slider .swiper-container .swiper-wrapper .swiper-slide{
    background:center center / cover no-repeat;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top:5.625rem
}
@media print, screen and (min-width: 64em){
    .main-slider .swiper-container .swiper-wrapper .swiper-slide{
        padding-top:0
    }
}
.main-slider .swiper-container .swiper-wrapper .swiper-slide#slide-1{
    background-image:url(/contents/slider/slide.jpg)
}
.response{
    font-size:.75rem;
    font-weight:700
}
textarea{
    height:140px
}
fieldset{
    padding:1rem 0
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#969696
}
input::placeholder,textarea::placeholder{
    color:#969696
}
.grid.gallery{
    margin:0 1rem
}
@media print, screen and (min-width: 40em){
    .grid.gallery{
        margin:0 .5rem
    }
}
.grid.gallery .grid-item{
    width:calc(100% - 1rem);
    margin:1.25rem .5rem
}
@media print, screen and (min-width: 40em){
    .grid.gallery .grid-item{
        width:calc(50% - 3rem);
        margin:1.5rem
    }
}
@media print, screen and (min-width: 64em){
    .grid.gallery .grid-item{
        width:calc(33.33% - 5rem);
        margin:2.5rem
    }
}
.grid.projects .grid-item{
    width:calc(100%)
}
@media print, screen and (min-width: 40em){
    .grid.projects .grid-item{
        width:calc(50%)
    }
}
.grid.training{
    margin:0 1rem
}
@media print, screen and (min-width: 40em){
    .grid.training{
        margin:0 .5rem
    }
}
.grid.training .grid-item{
    width:calc(100% - 1rem);
    margin:1.25rem .5rem
}
@media print, screen and (min-width: 40em){
    .grid.training .grid-item{
        width:calc(50% - 3rem);
        margin:1.5rem
    }
}
@media print, screen and (min-width: 64em){
    .grid.training .grid-item{
        width:calc(33.33% - 4rem);
        margin:2rem
    }
}
.grid.training .grid-item img{
    margin-bottom:1rem
}
.grid .grid-item img{
    width:100%
}
.grid .grid-item .item-overlay{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.85);
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -ms-flex-align:center;
    align-items:center;
    transition:all .25s ease;
    opacity:0
}
.grid .grid-item .item-overlay .item-overlay-inner{
    color:#323232;
    text-align:center
}
.grid .grid-item .item-overlay:hover{
    opacity:1
}
.grid .grid-item h2{
    font-size:1.25rem;
    font-weight:500;
    margin:0 0 .5rem
}
@media print, screen and (min-width: 40em){
    .grid .grid-item h2{
        font-size:1.375rem
    }
}
.grid .grid-item h3{
    font-size:1rem;
    font-weight:400;
    margin:0
}
@media print, screen and (min-width: 40em){
    .grid .grid-item h3{
        font-size:1.125rem
    }
}
.pswp__bg{
    background:white
}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{
    background:rgba(255,255,255,0.3)
}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{
    background-color:white
}
html,body#intro_pg{
    height:100%;
    background:black;
    padding:0 !important
}
.introMedia-wrapper{
    height:100%;
    width:100%;
    background:center center / cover
}
.introMedia-wrapper video{
    height:100%;
    width:100%;
    pointer-events:none !important
}
.introMedia-wrapper .mejs__controls,.introMedia-wrapper .mejs__overlay-play{
    display:none !important
}
.introOverlay{
    position:fixed;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    vertical-align:middle;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.introOverlay img{
    width:140px
}
.videos .responsive-embed{
    margin:3rem 0 5rem
}
.about-gallery{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 .5rem
}
@media print, screen and (min-width: 40em){
    .about-gallery{
        margin:0 1rem
    }
}
.about-gallery a{
    display:block;
    width:calc(50% - 1rem);
    margin:.5rem;
    cursor:auto
}
@media print, screen and (min-width: 40em){
    .about-gallery a{
        width:calc(25% - 2rem);
        margin:1rem
    }
}
@media print, screen and (min-width: 64em){
    .about-gallery a{
        width:calc(20% - 2rem);
        margin:1rem
    }
}
@media screen and (min-width: 93.75em){
    .about-gallery a{
        width:calc(16.66% - 2rem);
        margin:1rem
    }
}
@media print, screen and (min-width: 40em){
    #projects_pg h2{
        font-size:1.75rem !important
    }
    #projects_pg h3{
        font-size:1.25rem !important
    }
}
#project_pg section{
    padding:3rem 0
}
@media print, screen and (min-width: 40em){
    #project_pg section{
        padding:4rem 0;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media print, screen and (min-width: 40em){
    #project_pg section{
        padding:5rem 0
    }
}
#project_pg .grid-container{
    max-width:95rem
}
#project_pg video{
    width:100%;
    height:auto
}
#project_pg .swiper-container{
    height:500px
}
@media print, screen and (min-width: 40em){
    #project_pg .swiper-container{
        height:700px
    }
}
@media print, screen and (min-width: 64em){
    #project_pg .swiper-container{
        height:auto
    }
}
#project_pg .swiper-container .swiper-slide{
    width:auto
}
#project_pg .swiper-container .swiper-slide img{
    max-height:100%
}
#training_pg section{
    padding:3rem 0
}
#training_pg .grid-container{
    max-width:95rem
}
.training-gallery{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 .5rem
}
@media print, screen and (min-width: 40em){
    .training-gallery{
        margin:0 1rem
    }
}
.training-gallery a{
    display:block;
    width:calc(50% - 1rem);
    margin:.5rem;
    cursor:auto
}
@media print, screen and (min-width: 40em){
    .training-gallery a{
        width:calc(33.33% - 2rem);
        margin:1rem
    }
}
@media screen and (min-width: 93.75em){
    .training-gallery a{
        width:calc(25% - 2rem);
        margin:1rem
    }
}