@import url("https://fonts.googleapis.com/css2?display=swap&family=Montserrat:wght@200;300;400;500;600");
header {
  background: #639600;
}
header .grid {
  height: 140px;
  display: grid;
  align-items: center;
}
header .grid .logo img {
  width: 120px;
}
@media ( min-width: 992px ) {
  header .grid {
    grid-template-columns: 1fr 200px;
  }
}
@media ( min-width: 768px ) and ( max-width: 991px ) {
  header .grid {
    grid-template-columns: 1fr 20vw;
  }
}
@media ( max-width: 767px ) {
  header .grid {
    grid-template-columns: 1fr 80px;
    height: 100px;
  }
  header .grid .logo img {
    width: 60px;
    padding-top: 22px;
  }
}
header .grid .text {
  font: 22px Montserrat, sans-serif;
  color: white;
  padding: 0px 7vw;
}
@media ( min-width: 768px ) {
  header .grid .text {
    font-size: 32px;
  }
}
@media ( max-width: 767px ) {
  header .grid .text {
    font-size: 22px;
  }
}