.aboutSection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 80%;
  margin: 5em auto; }
  @media (max-width: 900px) {
    .aboutSection {
      width: 70%;
      flex-direction: column;
      margin: 3em auto;
      justify-content: center; } }
  @media (max-width: 576px) {
    .aboutSection {
      width: 80%;
      flex-direction: column;
      margin: 3em auto;
      justify-content: center; } }
  @media (max-width: 450px) {
    .aboutSection {
      width: 80%;
      flex-direction: column;
      margin: 3em auto;
      justify-content: center; } }
  .aboutSection .portrait {
    border-radius: 4px;
    width: 25vw;
    height: 100%;
    box-shadow: -5px -5px #FFFDCF; }
    @media (max-width: 900px) {
      .aboutSection .portrait {
        width: 50vw; } }
    @media (max-width: 576px) {
      .aboutSection .portrait {
        width: 60vw; } }
    @media (max-width: 450px) {
      .aboutSection .portrait {
        width: 70vw; } }
  .aboutSection .aboutText {
    font-size: 1vw;
    width: 40%;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .aboutSection .aboutText {
        font-size: 1.25vw; } }
    @media (max-width: 900px) {
      .aboutSection .aboutText {
        font-size: 1.75vw;
        width: 100%;
        margin: 2em auto; } }
    @media (max-width: 768px) {
      .aboutSection .aboutText {
        font-size: 2.25vw;
        width: 100%;
        margin: 2em auto; } }
    @media (max-width: 576px) {
      .aboutSection .aboutText {
        font-size: 2.75vw;
        width: 100%;
        margin: 2em auto; } }
    @media (max-width: 450px) {
      .aboutSection .aboutText {
        font-size: 3.25vw;
        width: 100%;
        margin: 2em auto; } }

.contactSection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 80%;
  margin: 5em auto; }
  @media (max-width: 900px) {
    .contactSection {
      width: 70%;
      flex-direction: column-reverse;
      margin: 3em auto;
      justify-content: center; } }
  @media (max-width: 576px) {
    .contactSection {
      width: 80%;
      flex-direction: column-reverse;
      margin: 3em auto;
      justify-content: center; } }
  @media (max-width: 450px) {
    .contactSection {
      width: 80%;
      flex-direction: column-reverse;
      margin: 3em auto;
      justify-content: center; } }
  .contactSection .zoey {
    border-radius: 4px;
    width: 30vw;
    height: 100%;
    box-shadow: -5px -5px #FFFDCF; }
    @media (max-width: 900px) {
      .contactSection .zoey {
        width: 50vw; } }
    @media (max-width: 576px) {
      .contactSection .zoey {
        width: 60vw; } }
    @media (max-width: 450px) {
      .contactSection .zoey {
        width: 70vw; } }
  .contactSection .contactInfoContainer {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: center;
    width: 35%;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .contactSection .contactInfoContainer {
        font-size: 1.25vw; } }
    @media (max-width: 900px) {
      .contactSection .contactInfoContainer {
        font-size: 1.75vw;
        width: 100%;
        margin: 2em auto;
        align-items: center; } }
    @media (max-width: 768px) {
      .contactSection .contactInfoContainer {
        font-size: 2.25vw;
        width: 100%;
        margin: 2em auto;
        align-items: center; } }
    @media (max-width: 576px) {
      .contactSection .contactInfoContainer {
        font-size: 2.75vw;
        width: 100%;
        margin: 2em auto;
        align-items: center; } }
    @media (max-width: 450px) {
      .contactSection .contactInfoContainer {
        font-size: 3.25vw;
        width: 100%;
        margin: 2em auto;
        align-items: center; } }
    .contactSection .contactInfoContainer .contactText {
      font-size: 1vw; }
      @media (max-width: 1200px) {
        .contactSection .contactInfoContainer .contactText {
          font-size: 1.25vw; } }
      @media (max-width: 900px) {
        .contactSection .contactInfoContainer .contactText {
          font-size: 1.75vw;
          text-align: center; } }
      @media (max-width: 768px) {
        .contactSection .contactInfoContainer .contactText {
          font-size: 2.25vw;
          text-align: center; } }
      @media (max-width: 576px) {
        .contactSection .contactInfoContainer .contactText {
          font-size: 2.75vw;
          text-align: center; } }
      @media (max-width: 450px) {
        .contactSection .contactInfoContainer .contactText {
          font-size: 3.25vw;
          text-align: center; } }
    .contactSection .contactInfoContainer .email {
      display: flex;
      flex-direction: row;
      align-content: center;
      align-items: center;
      justify-content: center;
      color: #F37272;
      font-size: 1vw; }
      @media (max-width: 1200px) {
        .contactSection .contactInfoContainer .email {
          font-size: 1.25vw; } }
      @media (max-width: 900px) {
        .contactSection .contactInfoContainer .email {
          font-size: 1.75vw; } }
      @media (max-width: 768px) {
        .contactSection .contactInfoContainer .email {
          font-size: 2.25vw; } }
      @media (max-width: 576px) {
        .contactSection .contactInfoContainer .email {
          font-size: 2.75vw; } }
      @media (max-width: 450px) {
        .contactSection .contactInfoContainer .email {
          font-size: 3.25vw; } }
      .contactSection .contactInfoContainer .email .emailLink {
        color: black;
        font-weight: 300;
        margin-left: 5px; }

.workSection {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin: 5em auto;
  justify-content: center;
  align-items: center;
  align-content: center; }
  .workSection .workTitle {
    font-size: 1vw;
    font-weight: 300; }
    @media (max-width: 1200px) {
      .workSection .workTitle {
        text-align: center;
        font-size: 1.25vw; } }
    @media (max-width: 992px) {
      .workSection .workTitle {
        text-align: center;
        font-size: 1.5vw; } }
    @media (max-width: 768px) {
      .workSection .workTitle {
        text-align: center;
        font-size: 1.75vw; } }
    @media (max-width: 576px) {
      .workSection .workTitle {
        text-align: center;
        font-size: 3vw; } }
    @media (max-width: 450px) {
      .workSection .workTitle {
        text-align: center;
        font-size: 4vw; } }
  .workSection .workList {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-content: center; }
    .workSection .workList .workContainer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-content: center;
      align-items: center;
      width: 100%;
      margin: 1em auto; }
      @media (max-width: 992px) {
        .workSection .workList .workContainer {
          flex-direction: column;
          justify-content: center; } }
      .workSection .workList .workContainer .mobile {
        width: 50%; }
        @media (max-width: 1100px) {
          .workSection .workList .workContainer .mobile {
            width: 90%; } }
      .workSection .workList .workContainer .work {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-content: center;
        align-items: center; }
        @media (max-width: 992px) {
          .workSection .workList .workContainer .work {
            margin: 1em auto; } }
        .workSection .workList .workContainer .work .workMobileImg {
          height: 25vw;
          border: 1px solid black;
          margin: 0 10vw; }
          @media (max-width: 992px) {
            .workSection .workList .workContainer .work .workMobileImg {
              height: 50vw; } }
          @media (max-width: 768px) {
            .workSection .workList .workContainer .work .workMobileImg {
              height: 70vw; } }
          @media (max-width: 576px) {
            .workSection .workList .workContainer .work .workMobileImg {
              height: 90vw; } }
        .workSection .workList .workContainer .work .workSiteImg {
          width: 30vw;
          border: 1px solid black; }
          @media (max-width: 992px) {
            .workSection .workList .workContainer .work .workSiteImg {
              width: 50vw; } }
          @media (max-width: 768px) {
            .workSection .workList .workContainer .work .workSiteImg {
              width: 75vw; } }
          @media (max-width: 576px) {
            .workSection .workList .workContainer .work .workSiteImg {
              width: 80vw; } }
        .workSection .workList .workContainer .work .workInfo {
          font-size: 1vw;
          font-weight: 300;
          text-align: center;
          margin: 2em auto;
          width: 75%; }
          @media (max-width: 1100px) {
            .workSection .workList .workContainer .work .workInfo {
              font-size: 1.25vw; } }
          @media (max-width: 992px) {
            .workSection .workList .workContainer .work .workInfo {
              font-size: 1.5vw; } }
          @media (max-width: 768px) {
            .workSection .workList .workContainer .work .workInfo {
              font-size: 2.5vw; } }
          @media (max-width: 576px) {
            .workSection .workList .workContainer .work .workInfo {
              font-size: 3.5vw; } }
          .workSection .workList .workContainer .work .workInfo .title {
            text-decoration: underline solid #FFB6C1;
            font-weight: 500; }

body {
  margin: 0 auto;
  padding: 0;
  width: 75%;
  background-color: #fafafa; }
  body .navbar .navbar-brand {
    color: #F37272;
    line-height: 0.75em;
    font-family: 'Monofett', cursive;
    font-size: 3.5vw; }
    body .navbar .navbar-brand:hover, body .navbar .navbar-brand:focus {
      color: #F37272; }
    @media (max-width: 1100px) {
      body .navbar .navbar-brand {
        font-size: 4vw; } }
    @media (max-width: 900px) {
      body .navbar .navbar-brand {
        font-size: 4.75vw; } }
    @media (max-width: 768px) {
      body .navbar .navbar-brand {
        font-size: 5.5vw; } }
    @media (max-width: 576px) {
      body .navbar .navbar-brand {
        font-size: 7.5vw; } }
    @media (max-width: 450px) {
      body .navbar .navbar-brand {
        font-size: 10vw; } }
  body .navbar #navbarNavAltMarkup .navbar-nav .nav-item:hover {
    color: rgba(0, 0, 0, 0.9);
    text-decoration: underline solid #FFB6C1; }
  body .footerSection {
    font-size: 0.75em;
    margin: 0 auto 2em; }
    body .footerSection .assembledText {
      text-align: center; }
      body .footerSection .assembledText .footerStar {
        color: #F37272; }
    body .footerSection .socialMedia {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-content: center;
      align-items: center;
      width: 20%;
      margin: 0 auto; }
      body .footerSection .socialMedia .social {
        color: #76A0B2; }

/*# sourceMappingURL=index.css.map */