@import url('https://www.w3schools.com/w3css/4/w3.css');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Calligraffitti');

h1,
h2,
h3 {
  font-family: 'Courgette', sans-serif;
}

body {
   font-family: 'Courgette', sans-serif; 
  /* font-family: 'Lato', sans-serif; */
  /* font-weight: bold; */
}

body,
html {
  height: 100%;
}

p {
  line-height: 2;
}

.bgimg,
.bgimg2,
.bgimg3 {
  min-height: 100%;
  background-position: center;
  background-size: cover;
}

.bgimg {
  background-image: url('/images/index.jpg');
}

.heavy {
  font-weight: 800 !important;
}

.margins {
  margin-top: 5%;
  margin-left: 10%;
}

.bgimg2 {
  background-image: url('/images/splash.png');
}
.bgimg3 {
  background-image: url('/images/bronze.jpg');
}

.glow {
  text-shadow: white 1px 0 5px, white 1px 0 5px, white 1px 0 5px,
    white 1px 0 5px, white 1px 0 5px, white 1px 0 5px, white 1px 0 5px,
    white 1px 0 5px;
}

.glow-black {
  text-shadow:
  black 1px 0 5px,
  black 1px 0 5px,
  black 1px 0 5px,
  black 1px 0 5px,
  black 1px 0 5px,
  black 1px 0 5px,
  black 1px 0 5px;
  
}

.personnel {
  opacity: 0.94;
}