body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
}

/* FLEX NAV */
nav{
  background:rgb(50, 224, 15);
  color:white;
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:12px;
}

nav a{
  color:white;
  text-decoration:none;
  font-weight:bold;
}

/* LOGO */
.logo{
  width:80px;
}

/* IMAGES wrapper */
.images{
  text-align:center;
}

.zimg{
  width:100%;
  max-width:400px;
}

/* GRID PARAGRAPHS */
#content{
  display:grid;
  gap:20px;
  padding:20px;
}

h1{
  text-align:center;
  margin-top:15px;
}

/* 0 - 599px */
@media(max-width:599px){
  #content{
    grid-template-columns:1fr;
  }
  .zimg{
    display:none;
  }
  body{
    font-size:14px;
  }
}

/* 600 - 1199px */
@media(min-width:600px) and (max-width:1199px){
  #content{
    grid-template-columns:1fr 1fr;
  }
  .zimg{
    display:block;
    width:60%;
  }
  body{
    font-size:16px;
  }
}

/* 1200px + */
@media(min-width:1200px){
  #content{
    grid-template-columns:1fr 1fr 1fr 1fr;
  }
  .zimg{
    display:block;
    width:90%;
  }
  body{
    font-size:20px;
  }
}