.brackets__qty__four {
    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: 1270px;
    position: relative;
    padding:7% 0;
}



    @media only screen and (max-width: 786px) {
      .brackets__qty__four {
		height: auto;
        display: flex;
        flex-direction: column;
        align-items: center; 
      } 
    }



.brackets__qty__four .brackets__bracket__two {
      width: 28%;
      padding: 2.09%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      left: 19%;
      top: 32%; 
    }




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



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




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


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



        .brackets__qty__four .brackets__bracket__two__overlay:hover {
          opacity: 1; 
        }



        .brackets__qty__four .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__qty__four .brackets__bracket__two__overlay__subhead {
              margin-top: 35%;
              font-size: 2em; } }


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



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



        .brackets__qty__four .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__qty__four .brackets__bracket__two__overlay__header {
              margin-top: 1%;
              font-size: 2.5em; } }


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



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



        .brackets__qty__four .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: 1.8em;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__qty__four .brackets__bracket__two__overlay__more {
              width: 20%;
              margin-top: 1%;
              font-size: 2em;
              line-height: 1.3em; 
            } 
          }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .brackets__bracket__two__overlay__more {
              font-size: 1.25em;
              line-height: 1.3em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



          .brackets__qty__four .brackets__bracket__two__overlay__more a {
            color: #fff;
            text-decoration: none; }
          .brackets__qty__four .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; }
          .brackets__qty__four .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; }
      .brackets__qty__four .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__qty__four .brackets__bracket__two__image {
            height: 91.5%;
            width: 100%;
            padding: 4%; } }
        @media only screen and (max-width: 460px) {
          .brackets__qty__four .brackets__bracket__two__image {
            padding: 4%; } }
        @media only screen and (max-width: 360px) {
          .brackets__qty__four .brackets__bracket__two__image {
            padding: 5.5%; } }
        .brackets__qty__four .brackets__bracket__two__image__img {
          width: 100%;
          max-width: none; }
      .brackets__qty__four .brackets__bracket__two-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }
        .brackets__qty__four .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__qty__four .brackets__bracket__two-border::before {
              border: 45px 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: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .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__qty__four .brackets__bracket__two-border::after {
              border: 45px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-left: none; } }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .brackets__bracket__three {
      width: 21%;
      padding: 1.8%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      left: 19%;
      top: 67%; 
    }



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


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



      .brackets__qty__four .brackets__bracket__three__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 86%;
        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__qty__four .brackets__bracket__three__overlay {
            top: 9%;
            height: 82%; } }


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



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



        .brackets__qty__four .brackets__bracket__three__overlay:hover {
          opacity: 1; }
        .brackets__qty__four .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__qty__four .brackets__bracket__three__overlay__subhead {
              margin-top: 20%;
              font-size: 2em; } }


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


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



        .brackets__qty__four .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__qty__four .brackets__bracket__three__overlay__header {
              margin-top: 1%;
              font-size: 2.5em; } }


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



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



        .brackets__qty__four .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: 1.7em;
          position: relative; 
        }



          @media only screen and (max-width: 786px) {
            .brackets__qty__four .brackets__bracket__three__overlay__more {
              width: 20%;
              margin-top: 1%;
              font-size: 2em;
              line-height: 1.3em; 
            } 
          }



          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .brackets__bracket__three__overlay__more {
              font-size: 1.25em;
              line-height: 1.5em;
              width: 25%;
              margin-top: 7%; 
            } 
          }



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



          .brackets__qty__four .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: 460px) {
            	.brackets__qty__four .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__qty__four .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: 460px) {
            	.brackets__qty__four .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__qty__four .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__qty__four .brackets__bracket__three__image {
            height: 84%;
            width: 100%;
            padding: 4%; } }
        @media only screen and (max-width: 460px) {
          .brackets__qty__four .brackets__bracket__three__image {
            padding: 4.2%; } }
        @media only screen and (max-width: 360px) {
          .brackets__qty__four .brackets__bracket__three__image {
            padding: 4%; } }
        .brackets__qty__four .brackets__bracket__three__image__img {
          width: 100%;
          max-width: none; }



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



        .brackets__qty__four .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__qty__four .brackets__bracket__three-border::before {
              border: 45px 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: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .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__qty__four .brackets__bracket__three-border::after {
              border: 45px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-left: none; } }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .brackets__bracket__four {
      width: 28%;
      padding: 2.1%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: absolute;
      right: 21%;
      top: 64%; 
    }



      @media only screen and (max-width: 786px) {
        .brackets__qty__four .brackets__bracket__four {
          width: 90%;
          right: auto;
          top: auto;
          margin-top: 5%;
          position: relative; } }
      .brackets__qty__four .brackets__bracket__four__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 82.3%;
        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__qty__four .brackets__bracket__four__overlay {
            top: 9%;
            height: 82%; } }


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



        @media only screen and (max-width: 360px) {
          .brackets__qty__four .brackets__bracket__four__overlay {
            top: 7.5%;
            height: 85%; } }
        .brackets__qty__four .brackets__bracket__four__overlay:hover {
          opacity: 1; }
        .brackets__qty__four .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__qty__four .brackets__bracket__four__overlay__subhead {
              margin-top: 20%;
              font-size: 2em; } }



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



          @media only screen and (max-width: 360px) {
            .brackets__qty__four .brackets__bracket__four__overlay__subhead {
              margin-top: 20%;
              font-size: 1.75em; } }
        .brackets__qty__four .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__qty__four .brackets__bracket__four__overlay__header {
              margin-top: 1%;
              font-size: 2.5em; } }



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



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





        .brackets__qty__four .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: 1.8em;
          position: relative; }
          @media only screen and (max-width: 786px) {
            .brackets__qty__four .brackets__bracket__four__overlay__more {
              width: 20%;
              margin-top: 1%;
              font-size: 2em;
              line-height: 1.3em; } }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .brackets__bracket__four__overlay__more {
              font-size: 1.5em;
              line-height: 1.5em;
              width: 25%;
              margin-top: 7px; } }
          .brackets__qty__four .brackets__bracket__four__overlay__more a {
            color: #fff;
            text-decoration: none; }



          .brackets__qty__four .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: 460px) {
          .brackets__qty__four .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__qty__four .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: 460px) {
          .brackets__qty__four .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__qty__four .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__qty__four .brackets__bracket__four__image {
            height: 84%;
            width: 100%;
            padding: 4%; } }
        @media only screen and (max-width: 460px) {
          .brackets__qty__four .brackets__bracket__four__image {
            padding: 3.5%; } }
        @media only screen and (max-width: 360px) {
          .brackets__qty__four .brackets__bracket__four__image {
            padding: 3.5%; } }
        .brackets__qty__four .brackets__bracket__four__image__img {
          width: 100%;
          max-width: none; }
      .brackets__qty__four .brackets__bracket__four-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }
        .brackets__qty__four .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__qty__four .brackets__bracket__four-border::before {
              border: 45px 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: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .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__qty__four .brackets__bracket__four-border::after {
              border: 45px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-left: none; } }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .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__qty__four .brackets__bracket__five {
          width: 90%;
          right: auto;
          top: auto;
          margin-top: 5%;
          position: relative; } }
      .brackets__qty__four .brackets__bracket__five__overlay {
        background-color: rgba(31, 127, 155, 0.8);
        color: #fff;
        height: 80%;
        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__qty__four .brackets__bracket__five__overlay {
            top: 9%;
            height: 82%; } }
        @media only screen and (max-width: 360px) {
          .brackets__qty__four .brackets__bracket__five__overlay {
            top: 9.5%;
            height: 80%; } }
        .brackets__qty__four .brackets__bracket__five__overlay:hover {
          opacity: 1; }
        .brackets__qty__four .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__qty__four .brackets__bracket__five__overlay__subhead {
              margin-top: 20%;
              font-size: 2em; } }


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



          @media only screen and (max-width: 360px) {
            .brackets__qty__four .brackets__bracket__five__overlay__subhead {
              margin-top: 14%;
              font-size: 1.75em; } }
        .brackets__qty__four .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__qty__four .brackets__bracket__five__overlay__header {
              margin-top: 1%;
              font-size: 2.5em; } }


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



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



        .brackets__qty__four .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: 1.8em;
          position: relative; }
          @media only screen and (max-width: 786px) {
            .brackets__qty__four .brackets__bracket__five__overlay__more {
              width: 20%;
              margin-top: 1%;
              font-size: 2em;
              line-height: 1.3em; } }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .brackets__bracket__five__overlay__more {
              font-size: 1.5em;
              line-height: 1.5em;
              width: 25%;
              margin-top: 7px; } }
          .brackets__qty__four .brackets__bracket__five__overlay__more a {
            color: #fff;
            text-decoration: none; }
          .brackets__qty__four .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; }
          .brackets__qty__four .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; }
      .brackets__qty__four .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__qty__four .brackets__bracket__five__image {
            height: 84%;
            width: 100%;
            padding: 3.5%; } }
        @media only screen and (max-width: 460px) {
          .brackets__qty__four .brackets__bracket__five__image {
            padding: 3.4%; } }
        @media only screen and (max-width: 360px) {
          .brackets__qty__four .brackets__bracket__five__image {
            padding: 5.1%; } }
        .brackets__qty__four .brackets__bracket__five__image__img {
          width: 100%;
          max-width: none; }
      .brackets__qty__four .brackets__bracket__five-border {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }
        .brackets__qty__four .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__qty__four .brackets__bracket__five-border::before {
              border: 45px 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: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four .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__qty__four .brackets__bracket__five-border::after {
              border: 45px solid #c7531e;
              bottom: 0;
              top: 0;
              right: 0;
              content: '';
              position: absolute;
              width: 10%;
              z-index: 10;
              display: block;
              border-left: none; } }


          @media only screen and (max-width: 460px) {
            .brackets__qty__four .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__qty__four .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__qty__four a {
      color: #fff;
      text-decoration: none; }