/*Major BreakPoint*/

@media screen and (max-width:600px) {
  body {
    width: 100%;
  }

  h1,
  h2,
  h3{
    text-align: center;
  }

  .featured-work {
    flex-direction: column;
  }

  .featured-first,
  .featured-second,
  .featured-third {
    width: 90%;
    margin: 0 auto;
  }

  .main-description {
    width: 90%;
    font-size: 16px;
  }

  .name-heading {
    justify-content: center;
  }

  .heading-container {
    width: 100%;
  }

  .fox-logo {
    width: 60px;
    display: block;
    margin: auto;
  }

  .logo-container {
    width: 100%;
  }

  .footer-linked-image {
    width: 20%;
  }

  .link-container {
    padding-bottom: 20px;
  }

  .crop {
    width: 100%;
    height: 210px;
    overflow: hidden;
  }

  .footer-linked-image {
    width: 40px;
    padding: 5px;
  }
}


@media screen and (min-width:600px) and (max-width:749px) {
  .main-description {
    width: 100%;
    font-size: 16px;
  }

  .featured-work {
    flex-direction: column;
  }

  .featured-first,
  .featured-second,
  .featured-third {
    width: 100%;
    margin: 0 auto;
  }

  .crop {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width:750px) and (max-width: 950px) {
  .featured-first,
  .featured-second,
  .featured-third {
    width: 100%;
    margin: 0 auto;
  }

  body {
    width: 90%;
  }

  .main-description {
    width: 80%;
    font-size: 16px;
  }

  .featured-work {
    flex-direction: column;
    justify-content: space-between;
  }

  .image-desc-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    width: 80%;
  }

  .crop {
    width: 49%;
    height: 210px;
    overflow: hidden;
  }

  .description {
    width: 49%;
  }

  .link-container {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
  }

  .featured-link {
    width: 15%;
    text-align: center;
  }
}

/*Minor BreakPoint*/

@media screen and (min-width:470px) and (max-width:599px) {
  .crop {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width:951px) and (max-width:1200px) {
  .crop {
    width: 100%;
    height: 130px;
  }
}