/*
######################################################################
# main.css
# Sccsid:  @(#)  main.css  1.9  Delta: 08/29/03
######################################################################
# Copyright (c) 2001 Grant Grueninger, Commercial Systems Corp.
#
# Description:

  Contains style-sheet information common to pages on this site.
*/

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: white;
  background-image: url(../images/background.jpg);
  background-size: cover;
}

header {
  display: flex;
  padding-top: 1em;
  padding-bottom: .5em;
  z-index: 1;
  position: fixed;
  width: 100%;
  border-bottom: solid 1px white;
  align-items: center;
  height: 2rem;
  background-color: rgba(13, 13, 13, .6);
  }

.logo {
  display:flex;
  flex-grow: 1;
  align-items: center;
}

header nav{
  padding-right: 3em;
}
nav span{
  flex-grow: 1;
  text-align: right;
  padding: 2em;
}

a {
  color: white;
}
.maincontent {
  padding-top: 7rem;
  margin: auto;
}

h1 {
  font-size: 2em;
  text-align: center;
}

p {
  text-align: center;
  padding-top: 1.5em;
}

.italic {
  font-style: italic;
}
form {
  text-align: center;
  padding-bottom: 1.5em;
}

h2{
  text-align: center;
  padding-top: 2em;
  padding-bottom: .5em;
}

.container {
  padding-top: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

#why h1 {
  text-align: left;
  padding-left: 3em;
  padding-right: 3em;
  padding-bottom: 1em;
}

footer {
  background-color: rgba(44, 45, 46, 0.5);
  margin-top: 3em;
  padding: 1.5em 3em;
}

footer .remarks {
  color: white;
  display: flex;
  font-size: .75em;
  justify-content: space-around;
}


@media only screen and (max-width: 760px) {
  footer .remarks {
    font-size: .625rem;
  }
}