기본 반응형 만들기

@media (max-width:767px){
body{
background-color: purple;
}
#wrapper{
width:100%;
font-size: 2rem;
}
nav li{
width:100%;
}

}
@media (min-width:768px){
body{
background-color: orange;
}
}
@media (min-width:992px){
body{
background-color: lightblue;
}
#wrapper{
width:80%;
}
}
@media (min-width:1200px){
body{
background-color: #417A1D;
}
}