.sp-title {
  margin: 3rem 0 2rem;
  font-size: 26px;
  font-weight: 300;
}

.sp-cont {
  padding: 3rem;
  border: #442204 solid 2px;
}

.sp-text {
  margin: 1.5rem 0 0;
  font-size: 18px;
  font-weight: 300;
}

.sp-note {
  margin: 1rem 0 0;
  font-size: 14px;
}

@media screen and (min-width: 1px) and (max-width: 750px) {
  .sp-title {
    margin: 2rem 0 1rem;
    font-size: 18px
  }
  
  .sp-cont {
    padding: 1.4rem;
    border: #442204 solid 1px;
  }
  
  .sp-text {
    margin: 1rem 0 0;
    font-size: 14px;
  }
  
  .sp-note {
    margin: .6rem 0 0;
    font-size: 12px;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .sp-title {
    font-size: 22px;
  }
  
  .sp-cont {
    padding: 2rem;
    border: #442204 solid 1px;
  }
  
  .sp-text {
    font-size: 16px;
  }
  
  .sp-note {
    font-size: 12px;
  }
}