/* Fuck knows why these poxy variables don't work. Cannot be arsed to figure it our frankly */
:root {
  --darkgreen: #3C584B;
  --khaki: #AEB178;
  --darkgrey: #889A90;
  --lightgrey: #CBD3C4;
  --white: #ffffff;
  --mustard: #CFB35A;
}

body{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	background-color: var(--darkgreen);
  color: var(--khaki);
}

a{
  color:#CFB35A;
  transition: all .3s ease-in-out;
}

a:hover{
  color: #889A90;
}

hr{
  border-color: #889A90;
}

.container{
  margin: 20px auto;
  max-width: 800px;
  padding: 20px;
}

.am-logo{
  max-width: 60%;
}

.comingsoon{
  text-transform: uppercase;
  letter-spacing: 0.6rem;
  font-size: 1.4rem;
  color: #fff;
}

/*logos*/

.logo{
  display: inline-block;
  max-width: 40%;
  padding: 30px;
}

.logo img{
  width: 100%;
  max-width: 300px;
}

.others .logo{
  max-width: 200px;
}

.form-embed {
  border-width: 0px !important;
}