body{
  margin: 0;
}
section{
  display: flex;
  flex-direction: column;
  height: 100vh;
  color: black;
  align-items: center;
  justify-content: center;
}
div{
  display: none;
  font-size: 1.4em;
}

/* 스마트폰 */
@media (max-width: 480px){
  section{
    background-color: tomato;
    .mobile{
      display: inherit;
    }
  }
}

/* 저해상도 태블릿 */
@media (min-width: 481px) and (max-width: 767px){
  section{
    background-color: olivedrab;
    .mobile{
      display: inherit;
    }
  }
}

/* 태블릿 세로화면 */
@media (min-width: 768px) and (max-width: 1024px){
  section{
    background-color: darkorchid;
    .mobile{
      display: inherit;
    }
  }
}

/* 태블릿 가로화면 및 저해상도 노트북, PC화면 */
@media (min-width: 1025px) and (max-width: 1280px){
  section{
    background-color: darkorange;
    .mobile{
      display: inherit;
    }
  }
}

/* 일반 노트북 및 PC화면 */
@media (min-width: 1081px){
  section{
    background-color: slateblue;
    .mobile{
      display: inherit;
    }
  }
}
/* or 조건 사용 */
@media (min-width: 480px), (min-width: 1281px){
  div{
    color: yellow;
  }
}