.feed_stray{
  margin-top: 10ch;
}

.feed-stray-hero{
  width: 180ch;
  height: 53ch;
  background-image: url('../images/feed-stray-hero.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fs-head{
  font-size: 48px;
  margin-left: 3ch;
  padding-top: 3ch;
}


.feed-stray-hero img{
  width: 60ch;
  margin: 10ch;
}

/*****************************/


.feed-stray-para{
  margin: 4ch;
}

.feed-stray-para h1{
  font-size: 28px;
}

.feed-stray-para p{
  width: 82%;
}

/*****************************/

.fs-form-para{

text-align: center;
}

.fs-form{
  padding: 0ch 10ch;
}

.fs-volunteer-form{
  background:#FAFAFA;
  padding: 8ch;
}

.fs-volunteer-form h1{
  font-size: 28px;
}

.volunteer-access{
  position: relative;
  padding: 5ch;
  background: #fff;
  width: 50ch;
  margin-top: 13ch;
  border-radius: 30px;
}

.volunteer-access ul li{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: -35px;
}

.fa-check-circle{
  color: #FDC161;

}

/****************************************/

.volunteer_gallery{
  position: relative;
  margin-bottom: 10ch;
}

.volunteer_gallery h1{
  font-size: 30px;
}

.volunteer-gallery-paw{
  position: absolute;
  margin-left: 57%;
  margin-top: -1.5%;
}

.volunteer_gallery_heading{
  display: table;
  margin: auto;
  font-size: 30px;
  margin-bottom: 3ch;
}

.volunteer_gallery_images img{
  width: 40ch;
  height: 50ch;
}

/*@media query*/

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

  .feed-stray-hero img {
    width: 40ch;
    margin: 3ch;
  }

  .feed-stray-para p {
    width: 100%;
}

  .fs-form{
    padding:0ch 0ch
  }

  .volunteer_gallery img{
    margin: -7px;
    margin-bottom: 2ch;
  }

  .fs-volunteer-form{
    padding: 1ch;
  }

  .volunteer-access {
    position: relative;
    padding: 5ch;
    background: #fff;
    width: 50ch;
    margin-top: 9ch;
    border-radius: 30px;
    font-size: 14px;
}

}

/***********************volunteer page***************************/

.volunteer-hero{
  width: 180ch;
  height: 53ch;
  background-image: url('../images/volunteer-hero.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.volunteer-hero p{
  color: #fff;
  margin-left: 10ch;
}

.feed-stray-para strong{
  font-size: 20px;
}

.volunteer-heading{
  margin-top: 45%;
  margin-left:40%;
}

.video-text{
  margin-top: 15%;
  margin-left: 33%;
}

.volunteer-video{
  width: 600px;
}

@media only screen and (max-width:450px){
  .fs-head{
    font-size: 30px;
    margin-left: 0.5ch;
  }

  .volunteer-hero p{
    margin-left: 2ch;
  }

  .volunteer-heading{
    margin-top: 5%;
    margin-left: 5%;
  }

  .video-text{
    margin-top: 15%;
    margin-left: 5%;
  }

  .volunteer-video{
    width: 400px;
    margin-bottom: 3ch;
  }

  .volunteer-description{
    width: 50ch;
  }

}

/***************volunteer***********************/
.testimonial{
  margin-bottom: 2ch;
}

.testimonial p{
  font-size: 16px;
  height: 20ch;
  position: relative;
}