@media only screen {
  
}
/* Define mobile styles */
@media only screen and (max-width: 40em) {
  body header {
    margin: 0 0 50px 0;
    padding: 10px 0 40px 0;
  }
  body header h2 {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin: 0 0 45px 0;
  }
  body .skills h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 45px 0;
  }
  body .skills h2 br {
    display: none;
  }
  body .skills h3 {
    font-size: 35px;
    text-align: center;
  }
  body .quotes blockquote {
    font-size: 25px;
    line-height: 30px;
  }
  body .tools h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 45px 0;
  }
  body .contact h2 {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin: 0 0 45px 0;
  }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) {
  
}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  body .skills h2 {
    font-size: 54px;
  }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) {
  
}
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) {
  
}
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) {
  
}
/* min-width 1921px, xxlarge screens */