html {
  background-color: black;
}

body {
  background: url(../img/background.jpg) no-repeat fixed;
  background-color: black;
  background-repeat: no-repeat;
  /*background-position: center; */
  background-attachment: fixed;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  width:100%;
  margin: 0px;

  /* Set up positioning */
  top: 0;
  left: 0;
  /*border space*/
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#titlepage {
  color: white;
  width: 100%;
  margin: auto;
  text-align: center;
  padding-top: 200px;
}

#titlepage img {
  width: 66%;
  margin-top: 5%;
  margin-bottom: 5%;
}

h1 {
  font-size: 650%;
  margin: auto;
  margin-bottom: 100px;
}

h2 {
  font-size: 300%;
  margin: auto;
  width: 80%;
}

h3 {
  font-size: 150%;
  width: 80%;
  margin: auto;
  margin-bottom: 10px;
}

p {
  width: 80%;
  margin: auto;
  margin-bottom: 30px;
}

a {
  color: white;
  font-size: 200%;
  text-decoration: none;
  margin: 50px;
}

a:hover {
  color: #fff200;
}

.shadow {
  text-shadow:
		-3px -3px 0 #000,
		3px -3px 0 #000,
		-3px 3px 0 #000,
		3px 3px 0 #000;
}

#gearatomlogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  width: 33%;
  height: auto;
}

footer {
  position: relative;
  padding-bottom: 100px;
}

#rplrenewablelogo {
  display: block;
  margin: auto;
  margin-top: 100px;
  /* margin-bottom: 100px; */
  width: 25%;
}

.tile {
  margin-top: 100px;
  margin-bottom: 100px;
}
/* cell phone */
@media only screen and (max-device-width: 480px) {

  .item {
    width: 100%;
    flex-wrap: wrap;
  }

  body {
    width: 115%;
  }
}

/* bigger than cell phone */
@media only screen and (min-device-width: 480px) {

  .item {
    width: 400px;
    flex-wrap: nowrap;
  }
}

.flex-container {
	display: flex;
  width: 80%;
	flex-wrap: wrap;
  margin: auto;
  margin-bottom: 100px;
  justify-content: space-evenly;
}

.item {
  box-sizing: border-box;
  border: 5px solid white;
  background: #0066b3;
  padding: 10px;
	margin-top: 50px;
}