.no-gutters {
    margin-right: 0;
    margin-left: 0;
    > .col, > [class*="col-"]

{
    padding-right: 0;
    padding-left: 0;
}

}

#nav-1 {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

#nav-1 a {
    color: #fff;
}

#nav-1 a:hover {
    color: #f8f9fa;
}

#nav-2 {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

#row1 {
    height: 60vw;
    max-height: 70vh;
    padding: 0px;
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-size: 115%;
    overflow: hidden;
}

#row1 .wrapper {
    margin-top: 65px;
    margin-left: 50px;
    margin-right: 50px;
    padding: 100px 0px;
    border-top: 5px;
    border-left: 5px;
    border-right: 5px;
    border-bottom: 0px;
    border-style: solid;
    border-color: white;
}

    /*#row1 img{
  height: ;
  max-height: 170px;

}*/
#row1 h1 {
}

#row2 {
    background-color: #bcdfe2;
}

#row2 .wrapper {
    height: 100%;
    margin-left: 50px;
    margin-right: 50px;
    padding: 100px 0px;
    border-top: 0px;
    border-left: 5px;
    border-right: 5px;
    border-bottom: 0px;
    border-style: solid;
    border-color: white;
}


#row3A {
    padding-top: 0rem;
    padding-bottom: 5rem;
}

#row3 .wrapper {
    height: 100%;
    margin-left: 50px;
    margin-right: 50px;
    padding: 100px 0px;
    border-top: 0px;
    border-left: 5px;
    border-right: 5px;
    border-bottom: 0px;
    border-style: solid;
    border-color: white;
}

#row3 .text-wrapper {
    height: 10rem;
}

#row4 {
}

#row4 .wrapper {
    height: 100%;
    margin-left: 50px;
    margin-right: 50px;
    padding: 100px 0px;
    border-top: 0px;
    border-left: 5px;
    border-right: 5px;
    border-bottom: 0px;
    border-style: solid;
    border-color: white;
}

#col-img-1 {
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(0,0,0,1.00) 100%), url(/images/ep.img3.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(0,0,0,1.00) 100%), url(/images/ep.img3.jpg);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(0,0,0,1.00) 100%), url(/images/ep.img3.jpg);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.46) 100%,rgba(0,0,0,1.00) 100%), url(/images/ep.img3.jpg);
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
}

#col-img-2 {
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img4.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img4.jpg);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img4.jpg);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img4.jpg);
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
}

#col-img-3 {
    height: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img5.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img5.jpg);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img5.jpg);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.46) 100%,rgba(255,0,0,1.00) 100%), url(/images/ep.img5.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

#row5 .wrapper {
    height: 100%;
    margin-bottom: 50px;
    margin-left: 50px;
    margin-right: 50px;
    padding: 100px 0px;
    border-top: 0px;
    border-left: 5px;
    border-right: 5px;
    border-bottom: 5px;
    border-style: solid;
    border-color: white;
}

#row5 {
    background-color: #bcdfe2;
}

#row4 a:hover {
    color: #333e48;
}


/*.card-footer {
  background-color: #ffffff;
}*/

/*Equal-width columns can be broken into multiple lines,
but there is a Safari flexbox bug that prevents this from
working without an explicit flex-basis or border.*/
.col {
    border: 1px solid transparent;
}

@media (maxwidth: 1200px) {
    #row1 .wrapper {
        padding: 50px 0px;
    }

    #row1 h1 {
        padding-top: 2.5rem;
        font-size: 1.5rem;
    }

    #row1 h3 {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    #row1 {
        height: 500px;
        background-size: 230%;
        background-position: 50% 0%;
    }

        #row1 .wrapper {
            padding: 50px 0px;
        }

        #row1 h1 {
            padding-top: 2.5rem;
            font-size: 1.5rem;
        }

        #row1 h3 {
            font-size: 1rem;
        }
}