.full-resource-block {
  display: flex;
  flex-direction: column;
}

.full-resource-image { 
  width: 100%; 
}

.description {
  background-color: #00adbc;
  color: #fff;
  padding: 30px;
}

.resource-title {
  padding: 0px;
  margin: 0px;
  color: #5b6770;
  font-size: 24px;
  padding-bottom: 10px;
}

.white {
  color: #ffffff;
}

.orange-button {
  background-color: #ffa400;
}

@media screen and (min-width: 971px)
{
  .col-50-student { width: 50%; float:left; }

  .col-50-student img { width: 485px; height: 244px; }

  .full-resource-block { flex-direction: row; }
  .full-resource-block > * { width: 50%; }
}

@media screen and (min-width: 513px) and (max-width: 970px)
{
  .right.col-50-student { margin-bottom: -20px; }

  .col-50-student { width: 500px; float:left; }

  .col-50-student img { width: 500px; height: 244px; }

  .right .side-image, .right .side-description-area {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: -10%;
  }

  .left .side-image, .left .side-description-area {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
 }
}

@media screen and (min-width: 0px) and (max-width: 512px)
{
  .left.col-50-student { height: auto; }

  .col-50-student { width: 100%; float:left; }

  .col-50-student img { width: 94vw; margin-bottom: 0px; }

  .side-description-area { width: 94vw; margin-top: -30px; }

  .description h2 { margin-top: -15px;}

  .right .side-image, .right .side-description-area {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

   .left .side-image, .left .side-description-area {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}