.UpdatesView h2 {
        text-align:left;
    }
    .UpdatesView .ImgCopy {
        display:flex;
        margin-top:25px;
        margin-bottom:25px;
    }
    @media only screen and (max-width : 575px) {
    .UpdatesView .ImgCopy { 
            flex-wrap:wrap
    }
        }
    @media only screen and (min-width : 576px) and (max-width : 767px) {
    .UpdatesView .ImgCopy { 
            flex-wrap:wrap
    }
        }
    .UpdatesView .ImgCopy h2 {
            text-align:left;
            margin-top:0;
        }
    @media only screen and (max-width : 575px) {
    .UpdatesView .ImgCopy h2 { 
                margin-top:15px;
                margin-bottom:10px
        }
            }
    @media only screen and (min-width : 576px) and (max-width : 767px) {
    .UpdatesView .ImgCopy h2 { 
                margin-top:15px;
                margin-bottom:10px
        }
            }
    .UpdatesView .ImgCopy .Img {
            margin-right:30px;
        }
    @media only screen and (max-width : 575px) {
    .UpdatesView .ImgCopy .Img { 
                width:100%;
                margin-right:0
        }
                .UpdatesView .ImgCopy .Img img {
                    width:100%;
                }
            }
    @media only screen and (min-width : 576px) and (max-width : 767px) {
    .UpdatesView .ImgCopy .Img { 
                width:100%;
                margin-right:0
        }
                .UpdatesView .ImgCopy .Img img {
                    width:100%;
                }
            }
    .UpdatesView .imgLeft {
        margin-right:30px;
    }
    @media only screen and (max-width : 575px) {
    .UpdatesView .imgLeft {    
            margin:0
    }
        }
    @media only screen and (min-width : 576px) and (max-width : 767px) {
    .UpdatesView .imgLeft {    
            margin:0
    }
        }
    .UpdatesView h4 {
        margin-top:10px;
        margin-bottom:5px;
    }
.UpdatesView-GridContainer {
        display:flex;
        padding-top:15px;
        padding-bottom:15px;
        flex-wrap:wrap;
}
.UpdatesView-GridContainer .imgReverse {
            margin-left:30px;
        }
@media only screen and (max-width : 575px) {
        .UpdatesView-GridContainer .imgReverse {    
                order: 1;
                margin:0
        }
            }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-GridContainer .imgReverse {    
                order: 1;
                margin:0
        }
            }
@media only screen and (max-width : 575px) {
        .UpdatesView-GridContainer .copyReverse {    
                order: 2
        }
            }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-GridContainer .copyReverse {    
                order: 2
        }
            }
.UpdatesView-item {
        display:flex;
        padding-top:15px;
        padding-bottom:15px;
        flex-wrap:wrap;
}
.UpdatesView-Image {
        width:55%;
}
@media only screen and (max-width : 575px) {
        .UpdatesView-Image {    
            width:100%;
        }
        }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-Image {    
            width:100%;
        }
        }
.UpdatesView-Image img {
            width:100%;
        }
@media only screen and (max-width : 575px) {
        .UpdatesView-Image img {    
                margin-bottom:10px
        }
            }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-Image img {    
                margin-bottom:10px
        }
            }
.UpdatesView-Copy {
        width:45%;
}
@media only screen and (max-width : 575px) {
        .UpdatesView-Copy {    
            width:100%;
        }
        }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-Copy {    
            width:100%;
        }
        }
.UpdatesView-Copy--fullWidth {
            width:100%;
}
.UpdatesView-GridView {
        width:100%;
        display:flex;
        margin-top:15px;
        justify-content:flex-start;
        flex-wrap:wrap;
}
.UpdatesView-GridItem {
        width:31%;
        margin-bottom: 10px;
        margin-right:10px;
}
@media only screen and (max-width : 575px) {
        .UpdatesView-GridItem {    
            width:100%;
            margin-bottom:30px;
            margin-right:0;
        }
        }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-GridItem {    
            width:100%;
            margin-bottom:30px;
            margin-right:0;
        }
        }
.UpdatesView-GridItem img {
            width:100%;
            max-width:320px;
            margin:0;
            max-height:100%;
            align-self:baseline;
        }
@media only screen and (max-width : 575px) {
        .UpdatesView-GridItem img {    
                max-width:none
        }
            }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-GridItem img {    
                max-width:none
        }
            }
.UpdatesView-GridItem h3 {
            margin-top:15px;
        }
.UpdatesView-GridItem .Button {
            margin-top:10px;
            margin-bottom:10px;
        }
.UpdatesView-GridItem:last-child {
            margin-right:0;
        }
.UpdatesView-GridItem .grid_img {
            height:170px;
            width:100%;
            background-size:cover;
            background-repeat:no-repeat;
            background-position:center;
        }
.UpdatesView-GridItem .updateImage {
        height: 100%;
}
@media only screen and (max-width : 575px) {
        .UpdatesView-GridItem .grid_img {    
                height:229px
        }
            }
@media only screen and (min-width : 576px) and (max-width : 767px) {
        .UpdatesView-GridItem .grid_img {    
                height:300px
        }
            }
.UpdatesView-GridItem:last-child {
        margin-bottom:0px;
}
/* CAROUSEL */
.Carousel {
    position:relative;
    margin-top:50px;
    margin-bottom:50px;
}
@media only screen and (max-width : 767px) {
.Carousel {
        display:flex;
        justify-content:center;
        }
    }
.Carousel.is-static .Carousel-arrowLeft {
            display:none;
        }
.Carousel.is-static .Carousel-arrowRight {
            display:none;
        }
.Carousel-arrowLeft {
        position: absolute;
        top:0;
        left:0;
        bottom: 0;
        width:5%;
        overflow: hidden;
}
@media only screen and (max-width : 767px) {
.Carousel-arrowLeft {
            order: -1;
            position: relative;
            min-width:25px;
        }
        }
.Carousel-arrowRight {
        position: absolute;
        top:0;
        right:0;
        bottom: 0;
        width:5%;
        overflow: hidden;
}
@media only screen and (max-width : 767px) {
.Carousel-arrowRight {
            position: relative;
            min-width:25px;
        }
        }
.CarouselListOuter {
    overflow: hidden;
    position: relative;
}
.CarouselList {}
.CarouselList--previous {
        -webkit-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
        position:absolute;
        top:0;
        left:0;
        width:100%;
}
.CarouselList--next {
        -webkit-transform: translate(100%, 0);
                transform: translate(100%, 0);
        position:absolute;
        top:0;
        left:0;
        width:100%;
}
.CarouselInner {
    display:flex;
    align-items:center;
    border:2px solid #f2f3f2;
    /* margin-top:50px; */
    overflow:hidden;
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
.CarouselInner { 
        flex-wrap:wrap;
        border:none;
        }
    }
@media only screen and (max-width : 575px) {
.CarouselInner { 
        flex-wrap:wrap;
        border:none;
        }
    }
.CarouselInner .carousel-btn {
        background-color:#c8c8c8;
        opacity:.5;
        width:50px;
        height:10px;
        margin:120px 10px 25px 0;
        font-size:0;
    }
@media only screen and (min-width : 576px) and (max-width : 767px) {
.CarouselInner .carousel-btn { 
            margin:40px 5px 25px 5px;
            width:30px;
            height:5px
    }
        }
@media only screen and (max-width : 575px) {
.CarouselInner .carousel-btn { 
            margin:40px 5px 25px 5px;
            width:30px;
            height:5px
    }
        }
@media only screen and (min-width : 768px) and (max-width : 991px) {
.CarouselInner .carousel-btn { 
            margin:60px 10px 25px 0
    }
        }
.CarouselInner .selected {
        background-color:#c8c8c8;
        opacity:1;
    }
.CarouselInner-Img {
        margin-left:5%;
        width:50%;
        align-self: flex-start;
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
.CarouselInner-Img { 
            width:100%;
            margin-right:5%;
            width:500px;
            margin:0 auto;
        }
        }
@media only screen and (max-width : 575px) {
.CarouselInner-Img { 
            width:100%;
            margin-right:5%;
            width:247px;
            margin:0 auto;
        }
        }
.CarouselInner-Img .event {
            background-image: url("../content/images/miracle-day-carousel.jpg");
            width:100%;
            height:500px;
            background-size: contain;
            background-position:center;
            background-repeat:no-repeat;
        }
@media only screen and (min-width : 576px) and (max-width : 767px) {
.CarouselInner-Img .event { 
                height:300px
        }
            }
@media only screen and (max-width : 575px) {
.CarouselInner-Img .event { 
                height:200px
        }
            }
@media only screen and (min-width : 768px) and (max-width : 991px) {
.CarouselInner-Img .event { 
                height:400px
        }
            }
.CarouselInner-Img h2 {
            display:block;
            margin-top:30px;
        }
@media only screen and (min-width : 768px) {
.CarouselInner-Img h2 { 
                display:none;
                margin-top:0
        }
            }
.CarouselInner-copy {
        margin-left:3%;
        margin-right:5%;
        width:50%;
}
.CarouselInner-copy.no-image {
            margin-left:7%;
            width:100%;
        }
@media only screen and (min-width : 576px) and (max-width : 767px) {
.CarouselInner-copy { 
            width:100%;
            max-width:500px;
            margin:0 auto;
        }
        }
@media only screen and (max-width : 575px) {
.CarouselInner-copy { 
            width:100%;
            max-width:247px;
            margin:0 auto;
        }
        }
.CarouselInner-copy a {
            display:block;
        }
.CarouselInner-copy h2 {
            display:none;
        }
.CarouselInner-copy h2.no-image {
                display:block !important;
            }
@media only screen and (min-width : 768px) {
.CarouselInner-copy h2 { 
                display:block;
                text-align:left
        }
            }