@font-face { font-family: "Montserrat"; src: local("Montserrat Regular"), local("Montserrat-Regular"), url("https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Montserrat"; src: local("Montserrat Bold"), local("Montserrat-Bold"), url("https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2") format("woff2"); font-style: normal; font-weight: 700; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { min-height: 100vh; display: flex; flex-direction: column; font-family: "Montserrat"; } body > div { flex: 1 0 auto; } body > header::after, body > footer::before { background-image: url('/img/header.svg'); background-color: white; background-position: bottom center; background-repeat: repeat-x; display: block; height: 10rem; width: 100%; background-size: 40rem; content: ''; } @media screen and (max-width: 991px) { nav.navbar { display: none; } } h1, h2, h3, a, label { color: #ff733b; } nav ul li a { color: white; opacity: 0.8; } nav ul li a:hover, nav ul li.active a { color: white; opacity: 1; } input.form-control { border-color: #9ec6dc; } .btn { border: 1px solid #ff733b; background-color: transparent; color: #ff733b; border-radius: 10rem; } body > footer, body > header nav { background-color: #ff733b; } body > footer { color: white; padding-bottom: 1rem; text-align: center; } body > header::after { background-position: top center; margin-bottom: -4.5rem; } body > footer::before { background-image: url('/img/footer.svg'); height: 9rem; }