.content__subheader {
  background: #503935 url(../../images/subpage-header.jpg) no-repeat center bottom;
  position: relative;
  height: 9rem;
  background-size: contain; }
  @media only screen and (min-width: 991px) {
    .content__subheader {
      height: 14rem; } }
  @media only screen and (min-width: 1200px) {
    .content__subheader {
      height: 18rem; } }

.content__subpage {
  padding: 5rem 0 3rem 0; }
  @media only screen and (min-width: 1200px) {
    .content__subpage {
      padding: 10rem 0 10rem 0; } }

.page-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  padding: 0 0 2.5rem 0; }
  @media only screen and (min-width: 550px) {
    .page-row {
      padding: 0 0 4rem 0; } }
  .page-row__text {
    width: 100%; }
    @media only screen and (min-width: 550px) {
      .page-row__text {
        width: calc(67% - 2rem); } }
    .page-row__text img {
      max-width: 100%; }
  .page-row__image {
    width: 100%;
    padding: 0 0 1.5rem 0; }
    @media only screen and (min-width: 550px) {
      .page-row__image {
        width: calc(33% - 2rem); } }
    .page-row__image img {
      max-width: 100%; }
  .page-row__half {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .page-row__half {
        width: calc(50% - 2rem); } }
    .page-row__half img {
      max-width: 100%; }

.contact-us__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }

.contact-us__text {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .contact-us__text {
      width: calc(50% - 2rem); } }
  @media only screen and (min-width: 1200px) {
    .contact-us__text {
      width: calc(50% - 3rem); } }

.contact-us__form {
  width: 100%;
  padding: 0 0 3rem 0; }
  @media only screen and (min-width: 768px) {
    .contact-us__form {
      width: calc(50% - 2rem); } }
  @media only screen and (min-width: 1200px) {
    .contact-us__form {
      width: calc(50% - 3rem); } }
  .contact-us__form .success {
    padding: 2rem 0; }

.gallery {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2rem);
  padding: 1rem 0;
  margin: 0 -1rem; }
  @media only screen and (min-width: 768px) {
    .gallery {
      padding: 3rem 0; } }
  .gallery__item {
    width: 50%;
    padding: 1rem; }
    @media only screen and (min-width: 768px) {
      .gallery__item {
        width: 33.33%; } }
    @media only screen and (min-width: 991px) {
      .gallery__item {
        width: 25%; } }
    .gallery__item a {
      background: none !important;
      overflow: hidden;
      display: block; }
      .gallery__item a img {
        display: block;
        max-width: 100%;
        transition: 0.3s; }
      .gallery__item a:hover img {
        transform: scale(1.2) rotate(5deg); }