/*Global ----------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
#intro {
  text-align: center;
  font-size: 16px;
  margin-bottom: 70px;
}
.moments-container {
  padding: 0 10px;
}
.moments-container .moment {
  text-align: center;
  font-size: 16px;
  border-top: solid 1px #ccc;
  padding-top: 30px;
  margin-top: 20px;
}
.moments-container .moment h4 {
  font-size: 24px;
  color: #108247;
  margin-top: 20px;
}
.moments-container .moment img {
  width: 100%;
}
/* Type Elements -------------------------------------------------- */
/* End Type Elements -------------------------------------------------- */
/* Interface Elements -------------------------------------------------- */
/* Buttons -------------------------------------------------- */
/* End Buttons -------------------------------------------------- */
/* Panel -------------------------------------------------- */
/* End Panel -------------------------------------------------- */
/* Accordion -------------------------------------------------- */
/* End Accordion -------------------------------------------------- */
/* Breadcrumbs -------------------------------------------------- */
/* End Breadcrumbs -------------------------------------------------- */
/* End Interface Elements -------------------------------------------------- */
/* End Global ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Mobile Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 769px) {
  .btn-cta {
    width: 100%;
  }
  .moments-container {
    display: block;
    background: url(/Content/DuckBrand/images/tape_bg.png);
    background-repeat: repeat-y;
    background-position: top center;
  }
  .moments-container::before {
    content: url(/Content/DuckBrand/images/tape_bg_top.png);
    display: block;
    text-align: center;
    position: relative;
    top: -13px;
  }
  .moments-container .moment {
    margin-top: 60px;
    background-color: #fff;
  }
}
/* End Mobile Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Desktop Media Query ---------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 770px) {
  .moments-container {
    display: block;
    float: left;
    background: url(/Content/DuckBrand/images/tape_bg.png);
    background-repeat: repeat-y;
    background-position: top center;
  }
  .moments-container::before {
    content: url(/Content/DuckBrand/images/tape_bg_top.png);
    display: block;
    text-align: center;
    position: relative;
    top: -13px;
  }
  .moments-container .moment {
    text-align: right;
    margin-right: 4%;
    margin-left: 4.25%;
  }
  .moments-container .moment h4 {
    margin-top: 0px;
  }
  .moments-container .moment .modal-link {
    width: 30%;
    float: left;
  }
  .moments-container .moment .modal-link::after {
    content: "\f196";
    font-size: 16px;
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    top: 30px;
    left: 33%;
    color: #999;
  }
  .moments-container .moment .moment-content {
    display: block;
    float: right;
    width: 70%;
    padding: 0 20px;
  }
  .moments-container .moment:nth-child(even) {
    text-align: left;
    margin-top: 10%;
    margin-right: 0;
    margin-left: 4%;
  }
  .moments-container .moment:nth-child(even) .modal-link {
    float: right;
  }
  .moments-container .moment:nth-child(even) .modal-link::after {
    content: "";
    display: none;
  }
  .moments-container .moment:nth-child(even) .modal-link::before {
    content: "\f196";
    font-size: 16px;
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    top: 30px;
    right: 33%;
    color: #999;
  }
  .moments-container .moment:nth-child(even) .moment-content {
    float: left;
  }
}
/* End Desktop Media Query ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Mobile ONLY Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Mobile ONLY Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Tablet Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* End Tablet Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Small Desktop Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 770px) and (max-width: 992px) {
  .moments-container .moment {
    margin-right: 2%;
    margin-left: 2%;
  }
  .moments-container .moment img,
  .moments-container .moment .moment-content {
    float: none !important;
  }
  .moments-container .moment img {
    width: 100%;
  }
  .moments-container .moment .moment-content {
    width: 100%;
    padding: 20px 0 0;
  }
  .moments-container .moment:nth-child(even) {
    text-align: left;
    margin-top: 30%;
    margin-right: 0;
    margin-left: 11%;
  }
}
/* End Small Desktop Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Large Desktop Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* End Large Desktop Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* X-Large Desktop Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* End X-Large Desktop Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Small Desktop Media Query ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* End Small Desktop Media Query ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/*# sourceMappingURL=about.css.map */