:root {
  --text-color: #fff;
  --background-color: #FC5000;
}

html,
body {
  height: 100vh;
  overflow: hidden;
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: var(--background-color);
  color: var(--text-color);
}

.banner{
  background: url(../images/background.png) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .main-container {
    background-size: 78vh;
  }
}

@media screen and (max-width: 600px) {
  .main-container {
    background-size: 48vh;
  }
}