@media screen and (max-width: 1000px) {
  .dog-details-wrapper {
      flex-flow: column;
      align-items: center;
  }
  .text-wrapper-outer, .text-wrapper-inner{
    width: 90vw;
    margin: 0 auto;
  }
  .wrapper-h2, .text-wrapper-inner p  {
    width: 90vw;
    margin: 0 auto;
  }
  .text-wrapper-inner p {
    margin-top: -2rem;
  }
  .cta-wrapper {
    margin: -200px auto 0 auto;
    text-align: center;
  }
  .flex-box {
    flex-flow: wrap;
  }
  .modal-content-img {
    width: 100%;
    margin: 0 auto;
  }

}

@media screen and (max-width: 750px) {
  .flex-box {
    flex-flow: column;
  }
  .kuld-parent-img-wrapper {
    transform: scale(0.8);
    margin: 5rem auto -1rem auto;
  }

  .logo {
    margin: 0 auto;
  }

  .dog-wrapper {
    width: 80%;
  }

  .dog-wrapper img {
    width: 100%;
  }

  .paragraf-title {
    max-width: 80%;
  }

  .front-headline-title {
    margin: -20px auto -40px auto;
  }



  .text-wrapper-outer, .text-wrapper-inner{
    width: 90vw;
    margin: 0 auto;
  }
  .wrapper-h2, .text-wrapper-inner p  {
    width: 90vw;
    margin: 0 auto;
  }

  .cta-wrapper {
    margin: -200px auto 0 auto;
    text-align: center;
  }
  .contact_info_footer ul {
    flex-flow: column;
    width: 25rem;
  }
}




@media screen and (max-width: 1200px) {

  .contact_info_footer {
    margin: 5rem auto 0 6rem;
  }
  .service_links {
    margin: 5rem auto 0 auto;
  }
  .brand_links {
    margin: 5rem auto 0 auto;
  }
  .copyright {
    margin: -1rem 0 0 2rem;
  }
  .contact_us_form {
    margin-left: 30rem;
  }

}

@media screen and (max-width: 1100px) {
    .contact_info_footer {
    margin: 5rem auto 0 6rem;
  }
  .service_links {
    margin: 5rem auto 0 auto;
  }
  .brand_links {
    margin: 5rem auto 0 auto;
  }
  .copyright {
    margin: -1rem 0 0 2rem;
  }

  .contact_us_form {
    margin-left: 25rem;
  }

  .product_info_final {
    margin-left: 10rem;
  }
}

@media screen and (max-width: 1000px) {

  .contact_info_footer {
    margin: 5rem auto 0 6rem;
  }
  .service_links {
    margin: 5rem auto 0 auto;
  }
  .brand_links {
    margin: 5rem auto 0 auto;
  }
  .footer_bottem {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #545454;
    margin-top: 5rem;
    padding-top: 40px;
    padding-bottom: -35px;
  }

}

@media screen and (max-width: 880px) {
  .between {
     min-height: 50vh;
  }
  .nav_link {
    font-size: 1rem;
  }
  .text_move_left {
    margin-left: 2.5rem;
  }
  .footer_newsletter_heading {
    font-size: 2.2rem;
  }
  .footer_newsletter_text {
    font-size: 1.6rem;
    width: 40rem;
  }
  .footer_main_content {
    display: flex;
    flex-direction: column;
  }
  .contact_info_footer {
    margin: 5rem auto 0 auto;
  }
  .service_links {
    margin: 5rem auto 0 auto;
  }
  .brand_links {
    margin: 5rem auto 0 auto;
  }
  .footer_bottem {
    float: left;
    margin: 5rem auto 0 -5rem;
    border-top: 1px solid #545454;
    padding-top: 40px;
    width: 110%;
    padding-bottom: -35px;
  }

}




@media screen and (max-width: 550px) {
  .pre_nav_leftside {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pre_nav_rightside {
    display: none;
  }
  .navigation {
    background-color: #fff;
  }
  #fa-bars {
    display: block;
    color: #AD9260;
    padding: 10px;
  }
  #fa-times {
    display: none;
    color: #FFF;
    padding: 10px;
  }
  #fa-times:hover,
  #fa-times:active {
    display: none;
    color: #990000;
  }
  .menu-toggle {
    font-size: 2.2rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: 2.5rem 2rem;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1500;
  }
  .open #fa-times {
    display: block;
    color: #AD9260;
  }
  #fa-times:hover {
    color: #990000;
  }
  .open #fa-bars {
    display: none;
  }
  .open .link_organizer {
    transform: translatex(0);
  }
  .open .navigation::before {
    opacity: 1;
    transform: scale(1);
  }
  .link_organizer {
    list-style: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #371111;
    display: flex;
    flex-direction: column;
    z-index: 1250;
    transform: translateX(-100%);
    transition: transform .8s;
  }
  .nav_link {
    position: relative;
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 2.2rem;
    letter-spacing: 2px;
    margin-right: .2px;
    transition: color.5s;
  }

  .text_move_left {
    margin-left: 2.5rem;
  }
  .footer_main_content {
    display: flex;
    flex-direction: column;
  }
  .contact_info_footer {
    margin: 5rem auto 0 15rem;
  }
  .service_links {
    margin: 5rem auto 0 15rem;
  }
  .brand_links {
    margin: 5rem auto 0 15rem;
  }
  .footer_bottem {
    float: left;
    margin: 5rem auto 0 -9rem;
    border-top: 1px solid #545454;
    padding-top: 40px;
    width: 120%;
    padding-bottom: -35px;
  }
  .text-wrapper-inner p {
    margin-top: 5rem;
  }

}

@media screen and (max-width: 450px) {

  .footer_newsletter {
    width: 100vw;
    margin-top: 1.5rem;
  }
  .text_move_left {
    margin-left: 2.5rem;
  }
  .footer_newsletter_heading {
    font-size: 1.9rem;
  }
  .footer_newsletter_text {
    font-size: 1.2rem;
    width: 35rem;
  }
  .newsletter_input_footer {
    padding: 1.5rem 5rem 1.5rem 1.5rem;
  }
  .footer_main_content {
    display: flex;
    flex-direction: column;
  }
  .contact_info_footer {
    margin: 5rem auto 0 10rem;
  }
  .service_links {
    margin: 5rem auto 0 10rem;
  }
  .brand_links {
    margin: 5rem auto 0 10rem;
  }
  .footer_bottem {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    float: left;
    margin: 5rem auto 0 -5rem;
    border-top: 1px solid #545454;
    padding-top: 40px;
    width: 110%;
    padding-bottom: -35px;
  }

  .contact_us_input,
  .contact_us_textarea {
    width: 30rem;
  }
  .contact_us_form {
    margin-left: 3rem;
  }
}

@media screen and (max-width: 420px) {
  .sustainability_image {
    margin-left: -18.6rem;
  }
}




@media screen and (max-width: 350px) {

  .footer_newsletter {
    width: 100%;
    margin-top: 1.5rem;
  }
  .footer_newsletter_heading {
    font-size: 1.9rem;
  }
  .footer_newsletter_text {
    font-size: 1.2rem;
    width: 30rem;
  }
  .newsletter_button_footer {
    margin-left: 2rem;
  }
  .contact_info_footer {
    margin: 5rem auto 0 7rem;
  }
  .service_links {
    margin: 5rem auto 0 7rem;
  }
  .brand_links {
    margin: 5rem auto 0 7rem;
  }
  .footer_bottem {
    width: 120%;
    margin-left: -7.5rem;
  }

}