@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0 }

body { background: #100f2f; font-family: 'Inter', sans-serif; }

/* Main */

main {  text-align: center; width: 100%; }

/* Slide Section */

section.slide { position: relative; }
section.slide img.logo
{
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  z-index: 10;
}
section.slide img.bg { display: block; width: 100%; }

/* Section - text */

section.text { background: #100f2f; color: white; padding: 1rem 3rem; }
section.text h1 { color: white; font-size: 1.5rem; text-transform: uppercase; }
section.text h2 { color: white; font-size: 1.2rem; }
section.text h3 { color: #CB962C; font-size: 1.0rem; }
section.text p { font-size: 1.2rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 1.5rem; }
section.text p a.border
{
  border: 1px solid white;
  color: white;
  font-size: 1rem;
  margin-right: 0.5rem;
  padding: 1rem 0.6rem;
  text-decoration: none;
  text-transform: uppercase;
}


@media screen and (max-width: 400px)
{
a.border { display: block; margin-bottom: 1rem; }
}