body {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
  background: #017DBB;
}

a {
  color: #ffffff;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

#index {
  width: 100%;
  max-width: 900px;
  height: 100vh;
  background: #017DBB;
  background-size: cover;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#index .index-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px;
}

#index .index-container .logo {
width: 90%;
max-width: 500px;
height: auto;
}


hr {
	margin: -15px auto 5px;
	padding: 0;
	height: 25px;
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-bottom: 1px solid #2494cc;
	box-shadow: 0 10px 7px -11px #0b415b;
	width: 100%;
}

#index h5 {
  color: #ffffff;
  font-weight: 300;
  background: #208dc3;
  padding: 5px;
  font-size: 14px;
}

#index .index-container .cont {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 14px;
	width: 100%;
	max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
#index .index-container .cont .left {
  text-align: center;
  float: left;
  width: 48%;
}
#index .index-container .cont .right {
  text-align: center;
  float: right;
  width: 48%;
}


#index h3 {
  color: #ffffff;
  font-weight: 300;
  font-size: 27px;
}

@media (min-width: 1024px) {
  #index {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #index h5 {
    font-size: 12px;
  }
  #index h3 {
    font-size: 17px;
  }
}