.bracket-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  overflow: hidden; 
} 

.brackets {
    background: url(/media/evms_public/content/style_assets/capital-campaign/image/bracket-background.jpg), #d7d3d0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 95vh;
    max-width: 1200px;
    min-height: 1375px;
    position: relative;
    padding:7% 0;
}
    @media only screen and (max-width: 786px) {
      .brackets {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center; } }


  .bracket-header {
    color: #1f7f9b;
    width: 100%;
    text-align: center;
    line-height: 1.5em;
    opacity: 0;
    animation-delay: 5s;
    animation-duration: 1s;
    animation-fill-mode: forwards; }


    @media only screen and (max-width: 786px) {
      .bracket-header {
        width: 90%;
        padding: 0 5%;
        margin-top: 75px; 
        opacity:1;
      } 
    }


    @media only screen and (max-width: 460px) {
      .bracket-header {
        margin-top: 100px; 
        font-size:1em;
      } }




    .bracket-header h2 {
      color: #1f7f9b;
      width: 100%;
      font-size: 1.5em;
      line-height: 1.5em;
      font-family: myriad-bold-semi-condensed, sans-serif;
      font-weight: 600; }
  



    .brackets__bracket__one {
      width: 23%;
      padding: 1.3%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      left: 19%;
      top: 26%; 
    }



      @media only screen and (max-width: 786px) {
        .brackets__bracket__one {
          width: 66%;
          left: auto;
          top: auto;
          margin-top: 5%;
          position: relative; 
        } 
      }


      @media only screen and (max-width: 460px) {
        .brackets__bracket__one {
          padding:1.3%; 
        } 
      }



      .brackets__bracket__one__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 87%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: all .8s;
        position: absolute;
        z-index: 5;
        cursor: pointer; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__one__overlay {
            top: 7.1%;
            height: 86%; 
          } 
        }



        .brackets__bracket__one__overlay:hover {
          opacity: 1; 
        }



        .brackets__bracket__one__overlay__subhead {
          display: block;
          font-size: 1em;
          width: 100%;
          text-align: center;
          margin-top: 35px;
          font-family: myriad-pro-semi-condensed, sans-serif;
          font-weight: 600; 
        }


          @media only screen and (max-width: 360px) {
            .brackets__bracket__one__overlay__subhead {
             top: 11%;
             height: 78%;
            } 
          }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__one__overlay__subhead {
              margin-top: 10%;
              font-size: 2em; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__one__overlay__subhead {
              margin-top: 8%;
              font-size: 1.5em; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__one__overlay__subhead {
              margin-top: 9%;
              font-size: 1.25em; } }



        .brackets__bracket__one__overlay__header {
          display: block;
          font-size: 1.25em;
          line-height: 1em;
          width: 100%;
          text-align: center;
          font-family: myriad-pro, sans-serif;
          font-weight: 700; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__one__overlay__header {
              font-size: 2.5em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__one__overlay__header {
              font-size: 2em; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__one__overlay__header {
              font-size: 1.5em; } }



        .brackets__bracket__one__overlay__more {
          display: block;
          font-size: 1.1em;
          width: 30%;
          text-align: center;
          margin-top: 15px;
          font-family: myriad-pro, sans-serif;
          font-weight: 700;
          line-height: 45px;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__one__overlay__more {
              width: 25%;
              margin-top: 8%;
              font-size: 2em;
              line-height: 1.1em; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__one__overlay__more {
              font-size: 1.5em;
              line-height: 1.1em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__one__overlay__more {
              font-size: 1.25em;
              line-height: 1.3em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



          .brackets__bracket__one__overlay__more a {
            color: #fff;
            text-decoration: none; 
          }



          .brackets__bracket__one__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 35px; 
          }


          @media only screen and (max-width: 786px) {
          .brackets__bracket__one__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 45px; 
          }
          }



          .brackets__bracket__one__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 35px; 
          }


          @media only screen and (max-width: 786px) {
          .brackets__bracket__one__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 45px; 
          }
          }



      .brackets__bracket__one__image {
        height: 22%;
        width: 100%;
        margin: auto 0px;
        overflow: hidden;
        opacity: 0;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        animation-delay: 3s;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__one__image {
            height: 84%;
            width: 100%;
            padding: 3%; 
            opacity:1;
          } 
        }



        @media only screen and (max-width: 460px) {
          .brackets__bracket__one__image {
            padding: 4.5%; } }
        @media only screen and (max-width: 360px) {
          .brackets__bracket__one__image {
            padding: 6.5%; } }
        .brackets__bracket__one__image__img {
          width: 100%;
          max-width: none; }
      .brackets__bracket__one-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; 
      }



        .brackets__bracket__one-border::before {
          border: 15px solid #c7531e;
          bottom: 0;
          top: 0;
          left: 0;
          content: '';
          position: absolute;
          width: 10%;
          z-index: 10;
          display: block;
          border-right: none; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__one-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__one-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-right: none; } }
          @media only screen and (max-width: 360px) {
            .brackets__bracket__one-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 17%;
              z-index: 10;
              display: block;
              border-right: none; } }


        .brackets__bracket__one-border::after {
          border: 15px solid #c7531e;
          top: 0;
          bottom: 0;
          right: 0;
          content: '';
          position: absolute;
          width: 10%;
          z-index: 10;
          display: block;
          border-left: none; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__one-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }




          @media only screen and (max-width: 460px) {
            .brackets__bracket__one-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-left: none; } }


          @media only screen and (max-width: 360px) {
            .brackets__bracket__one-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 17%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }



    .brackets__bracket__two {
      width: 28%;
      padding: 2.08%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      left: 12%;
      top: 42%; 
    }




      @media only screen and (max-width: 786px) {
        .brackets__bracket__two {
          width: 66%;
          left: auto;
          top: auto;
          margin-top: 5%;
          position: relative; 
          
        } 
      }



      .brackets__bracket__two__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 86.5%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: all .8s;
        position: absolute;
        z-index: 5;
        cursor: pointer; 
      }




        @media only screen and (max-width: 786px) {
          .brackets__bracket__two__overlay {
            top: 5%;
            height: 90%; 
          } 
        }




        @media only screen and (max-width: 360px) {
          .brackets__bracket__two__overlay {
            top: 7.9%;
            height: 84%; 
          } 
        }



        .brackets__bracket__two__overlay:hover {
          opacity: 1; 
        }



        .brackets__bracket__two__overlay__subhead {
          display: block;
          font-size: 1em;
          width: 100%;
          text-align: center;
          margin-top: 30%;
          font-family: myriad-pro-semi-condensed, sans-serif;
          font-weight: 600; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__two__overlay__subhead {
              margin-top: 17%;
              font-size: 2em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__two__overlay__subhead {
              margin-top: 17%;
              font-size: 1.5em; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__two__overlay__subhead {
              margin-top: 23%;
              font-size: 1.25em; 
            } 
          }



        .brackets__bracket__two__overlay__header {
          display: block;
          font-size: 1.25em;
          line-height: 1em;
          width: 100%;
          text-align: center;
          font-family: myriad-pro, sans-serif;
          font-weight: 700; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__two__overlay__header {
              font-size: 2.5em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__two__overlay__header {
              font-size: 2em; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__two__overlay__header {
              font-size: 1.5em; 
            } 
          }



        .brackets__bracket__two__overlay__more {
          display: block;
          font-size: 1.1em;
          width: 22%;
          text-align: center;
          margin-top: 15px;
          font-family: myriad-pro, sans-serif;
          font-weight: 700;
          line-height: 2.2em;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__two__overlay__more {
              width: 25%;
              margin-top: 9%;
              font-size: 2em;
              line-height: 1.1em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__two__overlay__more {
              font-size: 1.5em;
              line-height: 1.1em;
              width: 25%;
              margin-top: 9%; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__two__overlay__more {
              font-size: 1.25em;
              line-height: 1.3em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



          .brackets__bracket__two__overlay__more a {
            color: #fff;
            text-decoration: none; 
          }



          .brackets__bracket__two__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 35px; 
          }


          @media only screen and (max-width: 786px) {
          .brackets__bracket__two__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 45px; 
          }
          }



          .brackets__bracket__two__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 35px; 
          }


          @media only screen and (max-width: 786px) {
          .brackets__bracket__two__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 45px; 
          }
          }



      .brackets__bracket__two__image {
        height: 22%;
        width: 100%;
        margin: auto 0px;
        overflow: hidden;
        opacity: 0;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        animation-delay: 3s;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__two__image {
            height: 91.5%;
            width: 100%;
            padding: 1.8%; 
            opacity:1;
          } 
        }



        @media only screen and (max-width: 460px) {
          .brackets__bracket__two__image {
            padding: 4%; } }
        @media only screen and (max-width: 360px) {
          .brackets__bracket__two__image {
            padding: 5.5%; } }
        .brackets__bracket__two__image__img {
          width: 100%;
          max-width: none; }
      .brackets__bracket__two-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }



        .brackets__bracket__two-border::before {
          border: 25px solid #c7531e;
          bottom: 0;
          top: 0;
          left: 0;
          content: '';
          position: absolute;
          width: 17%;
          z-index: 10;
          display: block;
          border-right: none; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__two-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__two-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-right: none; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__two-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 17%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }



        .brackets__bracket__two-border::after {
          border: 25px solid #c7531e;
          top: 0;
          bottom: 0;
          right: 0;
          content: '';
          position: absolute;
          width: 17%;
          z-index: 17;
          display: block;
          border-left: none; 
        }







          @media only screen and (max-width: 786px) {
            .brackets__bracket__two-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__two-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-left: none; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__two-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 17%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }







    .brackets__bracket__three {
      width: 21%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      left: 19%;
      top: 71%; 
    }



      @media only screen and (max-width: 786px) {
        .brackets__bracket__three {
          width: 66%;
          left: auto;
          top: auto;
          margin-top: 5%;
          position: relative; 
        } 
      }


      @media only screen and (max-width: 360px) {
        .brackets__bracket__three {
          padding:3.6%;
        } 
      }



      .brackets__bracket__three__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 88%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: all .8s;
        position: absolute;
        z-index: 5;
        cursor: pointer; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__three__overlay {
            top: 4%;
            height: 92.3%; 
          } 
        }


        @media only screen and (max-width: 460px) {
          .brackets__bracket__three__overlay {
            top: 4.5%;
            height: 91%; 
          } 
        }



        @media only screen and (max-width: 360px) {
          .brackets__bracket__three__overlay {
            top: 5.9%;
            height: 87.8%; 
          } 
        }



        .brackets__bracket__three__overlay:hover {
          opacity: 1; 
        }



        .brackets__bracket__three__overlay__subhead {
          display: block;
          font-size: 1em;
          font-weight: 500;
          width: 100%;
          text-align: center;
          margin-top: 35%;
          font-family: myriad-pro-semi-condensed, sans-serif;
          font-weight: 600; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__three__overlay__subhead {
              margin-top: 28%;
              font-size: 2em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__three__overlay__subhead {
              margin-top: 28%;
              font-size: 1.5em; } }


		@media only screen and (max-width: 360px) {
            .brackets__bracket__three__overlay__subhead {
              margin-top: 43%;
              font-size: 1.25em; 
            } 
        }



        .brackets__bracket__three__overlay__header {
          display: block;
          font-size: 1.25em;
          line-height: 1em;
          width: 100%;
          text-align: center;
          font-family: myriad-pro, sans-serif;
          font-weight: 700; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__three__overlay__header {
              font-size: 2.5em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__three__overlay__header {
              font-size: 2em; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__three__overlay__header {
              font-size: 1.5em; 
            } 
          }



        .brackets__bracket__three__overlay__more {
          display: block;
          font-size: 1.1em;
          width: 30%;
          text-align: center;
          margin-top: 15px;
          font-family: myriad-pro, sans-serif;
          font-weight: 700;
          line-height: 2.3em;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__three__overlay__more {
              width: 25%;
              margin-top: 11%;
              font-size: 2em;
              line-height: 1.1em; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__three__overlay__more {
              width:25%;
              font-size: 1.5em;
              line-height: 1.25em;
              width: 25%;
              margin-top: 8%; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__three__overlay__more {
              font-size: 1.25em;
              line-height: 1.5em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



          .brackets__bracket__three__overlay__more a {
            color: #fff;
            text-decoration: none; }



          .brackets__bracket__three__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 35px; 

          }


            @media only screen and (max-width: 786px) {
            	.brackets__bracket__three__overlay__more::before {
            		border: 3px solid #fff;
            		bottom: 0;
            		top: 0;
            		left: 0;
            		content: '';
            		position: absolute;
            		width: 10px;
            		z-index: 1;
            		display: block;
            		border-right: none;
            		height: 45px;  
                } 
            }



            @media only screen and (max-width: 460px) {
            	.brackets__bracket__three__overlay__more::before {
            		border: 3px solid #fff;
            		bottom: 0;
            		top: 0;
            		left: 0;
            		content: '';
            		position: absolute;
            		width: 10px;
            		z-index: 1;
            		display: block;
            		border-right: none;
            		height: 40px;  
                } 
            }



          .brackets__bracket__three__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 35px; 
          }





            @media only screen and (max-width: 786px) {
            	.brackets__bracket__three__overlay__more::after {
            		border: 3px solid #fff;
            		bottom: 0;
            		top: 0;
            		right: 0;
            		content: '';
            		position: absolute;
            		width: 10px;
            		z-index: 1;
            		display: block;
            		border-left: none;
            		height: 45px;  
                } 
            }



            @media only screen and (max-width: 460px) {
            	.brackets__bracket__three__overlay__more::after {
            		border: 3px solid #fff;
            		bottom: 0;
            		top: 0;
            		right: 0;
            		content: '';
            		position: absolute;
            		width: 10px;
            		z-index: 1;
            		display: block;
            		border-left: none;
            		height: 40px;  
                } 
            }




      .brackets__bracket__three__image {
        height: 22%;
        width: 100%;
        margin: auto 0px;
        overflow: hidden;
        opacity: 0;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        animation-delay: 3s;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__three__image {
            height: 84%;
            width: 100%;
            padding: 4.9%; 
            opacity:1;
          } 
        }



        @media only screen and (max-width: 460px) {
          .brackets__bracket__three__image {
            padding: 4.2%; } }
        @media only screen and (max-width: 360px) {
          .brackets__bracket__three__image {
            padding: 4%; } }
        .brackets__bracket__three__image__img {
          width: 100%;
          max-width: none; }



      .brackets__bracket__three-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }



        .brackets__bracket__three-border::before {
          border: 22px solid #c7531e;
          bottom: 0;
          top: 0;
          left: 0;
          content: '';
          position: absolute;
          width: 17%;
          z-index: 10;
          display: block;
          border-right: none; }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__three-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__three-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-right: none; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__three-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 17%;
              z-index: 10;
              display: block;
              border-right: none; } }



        .brackets__bracket__three-border::after {
          border: 22px solid #c7531e;
          top: 0;
          bottom: 0;
          right: 0;
          content: '';
          position: absolute;
          width: 17%;
          z-index: 10;
          display: block;
          border-left: none; }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__three-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__three-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-left: none; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__three-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 17%;
              z-index: 10;
              display: block;
              border-left: none; } }







    .brackets__bracket__four {
      width: 28%;
      padding: 2.1%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      right: 18%;
      top: 64%; 
    }



      @media only screen and (max-width: 786px) {
        .brackets__bracket__four {
          width: 66%;
          right: auto;
          top: auto;
          margin-top: 5%;
          position: relative; 
        } 
      }



      .brackets__bracket__four__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 84%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: all .8s;
        position: absolute;
        z-index: 5;
        cursor: pointer; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__four__overlay {
            top: 5.7%;
            height: 88.5%; 
          } 
        }



        @media only screen and (max-width: 460px) {
          .brackets__bracket__four__overlay {
            top: 7%;
            height: 86.5%; } }



        @media only screen and (max-width: 360px) {
          .brackets__bracket__four__overlay {
            top: 7.5%;
            height: 85%; } }
        .brackets__bracket__four__overlay:hover {
          opacity: 1; }
        .brackets__bracket__four__overlay__subhead {
          display: block;
          font-size: 1em;
          font-weight: 500;
          width: 100%;
          text-align: center;
          margin-top: 24%;
          font-family: myriad-pro-semi-condensed, sans-serif;
          font-weight: 600; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__four__overlay__subhead {
              margin-top: 17%;
              font-size: 2em; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__four__overlay__subhead {
              margin-top: 20%;
              font-size: 1.5em; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__four__overlay__subhead {
              margin-top: 20%;
              font-size: 1.75em; } }
        .brackets__bracket__four__overlay__header {
          display: block;
          font-size: 1.25em;
          line-height: 1em;
          width: 100%;
          text-align: center;
          font-family: myriad-pro, sans-serif;
          font-weight: 700; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__four__overlay__header {
              font-size: 2.5em; 
            } 
          }



		@media only screen and (max-width: 460px) {
            .brackets__bracket__four__overlay__header {
              font-size: 2em; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__four__overlay__header {
              font-size: 2em; } }





        .brackets__bracket__four__overlay__more {
          display: block;
          font-size: 1.1em;
          width: 25%;
          text-align: center;
          margin-top: 15px;
          font-family: myriad-pro, sans-serif;
          font-weight: 700;
          line-height: 2.2em;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__four__overlay__more {
              width: 25%;
              margin-top: 7%;
              font-size: 2em;
              line-height: 1.1em; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__four__overlay__more {
              font-size: 1.5em;
              line-height: 1.3em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__four__overlay__more {
              font-size: 1.5em;
              line-height: 1.5em;
              width: 25%;
              margin-top: 7px; } }
          .brackets__bracket__four__overlay__more a {
            color: #fff;
            text-decoration: none; 
          }



          .brackets__bracket__four__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 35px; 
          }



         @media only screen and (max-width: 786px) {
          .brackets__bracket__four__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 45px; 
          }
         }



         @media only screen and (max-width: 460px) {
          .brackets__bracket__four__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 40px; 
          }
         }



          .brackets__bracket__four__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 35px; 
          }



         @media only screen and (max-width: 786px) {
          .brackets__bracket__four__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 45px; 
          }
         }




         @media only screen and (max-width: 460px) {
          .brackets__bracket__four__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 40px; 
          }
         }



      .brackets__bracket__four__image {
        height: 22%;
        width: 100%;
        margin: auto 0px;
        overflow: hidden;
        opacity: 0;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        animation-delay: 3s;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__four__image {
            height: 84%;
            width: 100%;
            padding: 1.8%; 
            opacity:1;
          } 
        }



        @media only screen and (max-width: 460px) {
          .brackets__bracket__four__image {
            padding: 3.5%; } }
        @media only screen and (max-width: 360px) {
          .brackets__bracket__four__image {
            padding: 3.5%; } }
        .brackets__bracket__four__image__img {
          width: 100%;
          max-width: none; }
      .brackets__bracket__four-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }



        .brackets__bracket__four-border::before {
          border: 27px solid #c7531e;
          bottom: 0;
          top: 0;
          left: 0;
          content: '';
          position: absolute;
          width: 17%;
          z-index: 10;
          display: block;
          border-right: none; 
        }




          @media only screen and (max-width: 786px) {
            .brackets__bracket__four-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__bracket__four-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__four-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }



        .brackets__bracket__four-border::after {
          border: 27px solid #c7531e;
          top: 0;
          bottom: 0;
          right: 0;
          content: '';
          position: absolute;
          width: 17%;
          z-index: 10;
          display: block;
          border-left: none; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__four-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__four-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__four-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }






    .brackets__bracket__five {
      width: 38%;
      padding: 2.5%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      right: 7%;
      top: 37%; 
    }



      @media only screen and (max-width: 786px) {
        .brackets__bracket__five {
          width: 66%;
          right: auto;
          top: auto;
          margin-top: 5%;
          position: relative; 
        } 
      }




      .brackets__bracket__five__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 82%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: all .8s;
        position: absolute;
        z-index: 5;
        cursor: pointer; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__five__overlay {
            top: 7.9%;
            height: 84.5%; 
          } 
        }



        @media only screen and (max-width: 360px) {
          .brackets__bracket__five__overlay {
            top: 9.5%;
            height: 80%; } }
        .brackets__bracket__five__overlay:hover {
          opacity: 1; }



        .brackets__bracket__five__overlay__subhead {
          display: block;
          font-size: 1em;
          font-weight: 500;
          width: 100%;
          text-align: center;
          margin-top: 15%;
          font-family: myriad-pro-semi-condensed, sans-serif;
          font-weight: 600; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__five__overlay__subhead {
              margin-top: 7%;
              font-size: 2em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__five__overlay__subhead {
              margin-top: 9%;
              font-size: 1.5em; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__five__overlay__subhead {
              margin-top: 14%;
              font-size: 1.75em; 
            } 
          }



        .brackets__bracket__five__overlay__header {
          display: block;
          font-size: 1.25em;
          line-height: 1em;
          width: 100%;
          text-align: center;
          font-family: myriad-pro, sans-serif;
          font-weight: 700; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__five__overlay__header {
              font-size: 2.5em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__five__overlay__header {
              font-size: 2em; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__five__overlay__header {
              font-size: 2em; 
            } 
          }



        .brackets__bracket__five__overlay__more {
          display: block;
          font-size: 1.1em;
          width: 20%;
          text-align: center;
          margin-top: 15px;
          font-family: myriad-pro, sans-serif;
          font-weight: 700;
          line-height: 2.3em;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__five__overlay__more {
              width: 25%;
              margin-top: 6%;
              font-size: 2em;
              line-height: 1.1em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__bracket__five__overlay__more {
              width:25%;
              font-size: 1.5em;
              line-height: 1.1em;
              margin-top: 5%; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__five__overlay__more {
              font-size: 1.5em;
              line-height: 1.5em;
              width: 25%;
              margin-top: 7px; } }
          .brackets__bracket__five__overlay__more a {
            color: #fff;
            text-decoration: none; 
          }



          .brackets__bracket__five__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 35px; 
          }




          @media only screen and (max-width: 786px) {
          .brackets__bracket__five__overlay__more::before {
            border: 3px solid #fff;
            bottom: 0;
            top: 0;
            left: 0;
            content: '';
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-right: none;
            height: 45px; 
          }
          }



          .brackets__bracket__five__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 35px; 
          }


          @media only screen and (max-width: 786px) {
          .brackets__bracket__five__overlay__more::after {
            border: 3px solid #fff;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            height: 100%;
            position: absolute;
            width: 10px;
            z-index: 1;
            display: block;
            border-left: none;
            height: 45px; 
          }
          }






      .brackets__bracket__five__image {
        height: 22%;
        width: 100%;
        margin: auto 0px;
        overflow: hidden;
        opacity: 0;
        animation-duration: 5s;
        animation-fill-mode: forwards;
        animation-delay: 3s;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center; 
      }



        @media only screen and (max-width: 786px) {
          .brackets__bracket__five__image {
            height: 84%;
            width: 100%;
            padding: 1.15%; 
            opacity:1;
          } 
        }




        @media only screen and (max-width: 460px) {
          .brackets__bracket__five__image {
            padding: 3.4%; } }
        @media only screen and (max-width: 360px) {
          .brackets__bracket__five__image {
            padding: 5.1%; } }
        .brackets__bracket__five__image__img {
          width: 100%;
          max-width: none; }



      .brackets__bracket__five-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; 
      }



        .brackets__bracket__five-border::before {
          border: 30px solid #c7531e;
          bottom: 0;
          top: 0;
          left: 0;
          content: '';
          position: absolute;
          width: 15%;
          z-index: 10;
          display: block;
          border-right: none; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__five-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-right: none; 
            } 
          }




          @media only screen and (max-width: 460px) {
            .brackets__bracket__five-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-right: none; } }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__five-border::before {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              left: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-right: none; } 
          }



        .brackets__bracket__five-border::after {
          border: 30px solid #c7531e;
          top: 0;
          bottom: 0;
          right: 0;
          content: '';
          position: absolute;
          width: 15%;
          z-index: 10;
          display: block;
          border-left: none; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__bracket__five-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 12%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }




          @media only screen and (max-width: 460px) {
            .brackets__bracket__five-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 22%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }



          @media only screen and (max-width: 360px) {
            .brackets__bracket__five-border::after {
              border: 25px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-left: none; 
            } 
          }



    .brackets a {
      color: #fff;
      text-decoration: none; 
    }
  



 @media (prefers-reduced-motion: no-preference) {
  .fader {
    animation-name: fadeImgIn;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .fader {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .second-fader {
    animation-name: fadeImgIn;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .second-fader {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .third-fader {
    animation-name: fadeImgIn;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .third-fader {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .bringit {
    animation-name: bringIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .bringit {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .tumble-bracket {
    animation-name: moveinDown;
    animation-fill-mode: none;
    animation-duration: 5s; } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .tumble-bracket {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .tumble-bracket-two {
    animation-name: moveinDownTwo;
    animation-fill-mode: none;
    animation-duration: 6s; } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .tumble-bracket-two {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .tumble-bracket-three {
    animation-name: moveinDownThree;
    animation-fill-mode: none;
    animation-duration: 5s; } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .tumble-bracket-three {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .tumble-bracket-four {
    animation-name: moveinDownFour;
    animation-fill-mode: none;
    animation-duration: 4s; } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .tumble-bracket-four {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .tumble-bracket-five {
    animation-name: moveInDownFive;
    animation-fill-mode: none;
    animation-duration: 5s; } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .tumble-bracket-five {
      animation: none; } }

@media (prefers-reduced-motion: no-preference) {
  .fadeImgIn {
    animation-name: fadeImgIn;
    animation-fill-mode: forwards;
    animation-delay: 3.5s; } }
  @media only screen and (prefers-reduced-motion: no-preference) and (max-width: 786px) {
    .fadeImgIn {
      animation: none; } }