@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap";

.biggerheadline {
color: white; 
font-size: 66px;
line-height: 60px;
font-family: oswald, sans-serif;
font-weight: 500;
text-transform: uppercase;
text-shadow: 3px 3px 8px #000;
 text-align: center;
}

.headline {
color: white; 
font-size: 38px;
line-height: 35px;
font-family: oswald, sans-serif;
font-weight: 500;
text-transform: uppercase;
text-shadow: 3px 3px 8px #000;
text-align: center;
}

.subheadline {
    color: white;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Oswald';
    font-weight: 500;
    text-transform: uppercase;
}

.red-headline {
color: red; 
font-family: 'Montserrat', sans-serif; 
font-weight: 900; 
letter-spacing: -1px; 
font-size: 42px;
line-height: 38px;
}

@media all and (max-width: 1024px) {
 
.biggerheadline { 
  font-size: 44px;
  line-height: 40px;
}
  
.headline, .red-headline, .white-headline {
letter-spacing: -1px; 
font-size: 32px;
line-height: 22px;
}
  
}