/* ---------- */
/* What we do */
/* ---------- */


/* ------ Wrapper -------- */
.Wrap {
    width: 1050px;
    margin: 0 auto;
    text-align: center;
}
/* ---- END Wrapper ------ */




/*-------------------*/
/*    Small Banner   */
/*-------------------*/
.SmallBanner {
    background: url("../images/P3-WhatWeDo/WeDo-Banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;   /* Sick Effect */
}


.FillScreen {
    min-height: 1400px;
    height: 100vh;
}

#FillScreen-ES {
    min-height: 1600px;
}


/*---------------------*/
/*        Intro        */
/*---------------------*/
.Intro {
    padding: 80px;
    width: 90%;
    border-bottom: 2px solid grey;
    font-size: 25px;
}
/* ----- Wrapper -------*/
.TWrap {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
/*---------- End Wrapper ----------*/






/* ------------- */
/*    SectA      */
/* ------------- */
.SectA {
    padding-top: 20px;
    width: 1200px;
    margin: 0 auto;
    min-height: 820px;
}

#SectA-ES {
    height: 1000px;
}

.ALeft {
    float: left;
    width: 60%;
    /*background: pink;*/
}
.ALBox {
    height: 560px;
    width: 90%;
    padding: 20 0;
    margin: 0 auto;
}

#ALBoxES {
    height: 650px;
}

.ARight {
    float: right;
    height: 600px;
    width: 40%;
    /*background: yellow;*/
}

#ARightES {
    padding-top: 40px;
}


.ARBox {
    width: 70%;
    padding: 20 0;
    margin: 0 auto;
    /*background: grey;*/
}
.ARBox ul {
    line-height: 40px;
}
.ARBox h3 {
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 50px;
}

.A-Under {
  position: relative;
  margin-top: 80px;
    float: right;
    padding-left: 35px;
    padding-right: 120px;
}







/* ---------- */
/*   SectB    */
/* ---------- */
.RadLogo {
    position: relative;
    top: 50px;
    height: 350px;
    width: 200px;
    margin: 0 auto;
} /* They need to be the same width */
#Logo {
    width: 150px;
}