.img-container--smallbanner {
   width: 100%;
   height: 45vh;
}

.img-container--smallbanner img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

/*SECTIONS*/
.about-description,
.our-team {
   width: 1170px;
   padding: 0px 15px;
   display: grid;
}

/* ABOUT-DESCRIPTION */
.about-description {
   grid-template-columns: 1fr 1fr;
}

.about-description__left,
.about-description__right {
   padding: 0px 15px;
}

.about-description__right img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* OUR TEAM */
.our-team {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   justify-items: center;
}

.our-team__single-profile {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0px 15px;
}

.our-team__single-profile h4 {
   font-size: 1.1rem;
   color: var(--color-purple);
   margin: 1em 0;
   font-weight: 600;
}

.our-team__single-profile h4 span {
   display: block;
   width: 100%;
   text-align: center;
   font-size: 0.9rem;
   margin: 0.6rem 0 0;
   color: #212121;
   font-family: "Open Sans", sans-serif;
   font-weight: 500;
}

.rounded-container {
   width: 162px;
   height: 162px;
   background-color: var(--color-crimson);
   box-shadow: 0px 0px 12px var(--color-crimson);
}

.rounded-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: inherit;
}

.our-team__description {
   margin: 42px 164px 0px;
   grid-column: span 3;
}

.our-team__description p {
   text-align: center;
}

/*Media Queries*/
@media (max-width: 1170px) {
   .about-description,
   .our-team {
      width: 970px;
   }
}

@media (max-width: 992px) {
   .about-description,
   .our-team {
      width: 750px;
   }
}

@media (max-width: 760px) {
   .about-description,
   .our-team {
      width: 100%;
   }
   .about-description {
      grid-template-columns: 1fr;
   }
   .about-description__right {
      margin-top: 48px;
   }
}

@media (max-width: 580px) {
   .our-team {
      grid-template-columns: 1fr;
   }
   .our-team__single-profile {
      padding: 15px 15px;
   }
   .rounded-container {
      width: 170px;
      height: 170px;
   }
   .our-team__description {
      margin: 20px 60px 0px;
      grid-column: span 1;
   }
}
