#photo-text-wrapper { float: left; width: 100%; position: relative; background-color: #027242; }

#photo-text-wrapper .image-mob { padding: 0px; }

#photo-text-wrapper .image-mob img.photo { object-fit: cover; width: 100%; height: 750px; object-position: center; }

#photo-text-wrapper .pull-right .maximize { left: -50px; right: unset; }

#photo-text-wrapper .right-text-wrapper { height: 750px; display: table; width: 70%; margin-left: 15%; }

#photo-text-wrapper .right-text-wrapper .text-align { vertical-align: middle; display: table-cell; }

#photo-text-wrapper .right-text-wrapper .text-align h2 { text-align: left; color: #FFFFFF; position: relative; margin-bottom: 30px; }

#photo-text-wrapper .right-text-wrapper .text-align h2::after { content: ''; width: 20%; height: 2px; background-color: #FFFFFF; position: absolute; bottom: -10px; left: 0px; }

#photo-text-wrapper .right-text-wrapper .text-align span { display: block; font-size: 1.1rem; line-height: 160%; margin-bottom: 20px; color: #FFFFFF; font-weight: 300; }

@media (max-width: 575px) { #photo-text-wrapper .image-mob { height: 250px !important; margin-bottom: 30px !important; padding: 0px 45px !important; }
  #photo-text-wrapper .image-mob img { height: 250px !important; width: 100% !important; box-shadow: none !important; }
  #photo-text-wrapper .right-text-wrapper { height: auto !important; width: 100% !important; margin-left: unset !important; padding: 0px 30px !important; }
  #photo-text-wrapper .right-text-wrapper .text-align span { font-size: 1rem; } }

@media (min-width: 576px) and (max-width: 767px) { #photo-text-wrapper .image-mob { height: 350px !important; margin-bottom: 30px !important; padding: 0px 45px !important; }
  #photo-text-wrapper .image-mob img { height: 350px !important; width: 100% !important; box-shadow: none !important; }
  #photo-text-wrapper .right-text-wrapper { height: auto !important; width: 100% !important; margin-left: unset !important; padding: 0px 30px !important; }
  #photo-text-wrapper .right-text-wrapper .text-align span { font-size: 1rem; } }

@media (min-width: 768px) and (max-width: 991px) { #photo-text-wrapper .image-mob { height: 450px !important; margin-bottom: 30px !important; padding: 0px 45px !important; }
  #photo-text-wrapper .image-mob img { height: 450px !important; width: 100% !important; box-shadow: none !important; }
  #photo-text-wrapper .right-text-wrapper { height: auto !important; width: 100% !important; margin-left: unset !important; padding: 0px 30px !important; }
  #photo-text-wrapper .right-text-wrapper .text-align span { font-size: 1rem; } }