.container {
   background-color: #FFF;
   padding: 2rem 3rem;
   -webkit-box-shadow: 0px 0px 200px -88px rgba(0, 0, 0, 0.61);
   -moz-box-shadow: 0px 0px 200px -88px rgba(0, 0, 0, 0.61);
   box-shadow: 0px 0px 200px -88px rgba(0, 0, 0, 0.61);
}

.oxford-logo {
   width: 12%;
   position: absolute;
   top: 2rem;
   left: 3rem;
}

.division {
   margin-top: 3rem;
   background-color: #B0C050;
   height: 5px;
   width: 100%;
}

.banner {
   -webkit-box-shadow: -1px 31px 52px -45px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: -1px 31px 52px -45px rgba(0, 0, 0, 0.75);
   box-shadow: -1px 31px 52px -45px rgba(0, 0, 0, 0.75);
   )
}

h2 {
   margin-top: 1rem
}

.row.member {
   padding-bottom: 2rem;
   text-align: center
}


.member img {width:50%;
   border-radius: 60px 0 60px 0;
   -webkit-box-shadow: -1px 0px 28px -9px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: -1px 0px 28px -9px rgba(0, 0, 0, 0.75);
   box-shadow: -1px 0px 28px -9px rgba(0, 0, 0, 0.75);
}

.member h6 {
   margin: 0;
   padding: 0;
   font-weight: 400
}

.member h5 {
   margin: 0;
   padding: 0;
   font-weight: 600
}

.row.banner {
   height: 120px;
   overflow: hidden;
   bottom: 0
}

.banner img {
   max-width: 100%
}

p {
   text-align: justify
}

.member p {
   text-align: center
}

.header {
   margin-top: 2rem;
   text-align: center;
}

.nav {
   margin-top: 1rem
}

.main-title {
   padding-top: 0rem
}

.intro {
   font-size: 120%
}

.acronym {
   font-size: 200%;
   padding: 0;
   margin: 0;
}

.subtitle {
   font-size: 100%;
   padding: 0 0 0.8rem 0;
   margin: 0;
}
.centered{text-align:center}

/* Larger than small phone */

@media (min-width: 380px) {
   .header {
      margin-top: 2rem;
   }
   h2 {
      margin-top: 3rem
   }
   .nav {
      margin-top: 2rem;
   }
   .acronym {
      font-size: 400%
   }
   .subtitle {
      font-size: 120%
   }
   /* Larger than phone */
   @media (min-width: 550px) {
   .member img {width:100%;  border-radius: 30px 0 30px 0;}
      .row.member {
         padding-bottom: 2rem;
         text-align: left
      }
      .member p {
         text-align: left
      }
      .header {
         margin-top: 2rem;
      }
      .row.banner {
         height: 200px;
         overflow: hidden;
         bottom: 0
      }
      .nav {
         margin-top: 2rem;
      }
      .acronym {
         font-size: 400%
      }
      .subtitle {
         font-size: 150%
      }
   }
   /* Larger than tablet */
   @media (min-width: 769px) {
      .header {
         margin-top: 2rem;
         text-align: center;
      }
      .row .nav {
         margin-top: 3rem
      }
      .acronym {
         font-size: 600%
      }
      .subtitle {
         font-size: 220%;
         padding: 0 0 1rem 0
      }
   }