.myButton {
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
        color:white;
        text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}


.hero {
  position: relative;
  text-align: center;
  color: white;
}

.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-content h1 {
  font-size:60px;
  font-weight:800;
  text-transform: uppercase;
  color:#e6e6e6;
}

.hero-content p {
  font-size:32px;
  max-width:800px;
}

.hero-list {
  margin-top:-80px;
}

.main-content {
  margin-left:-100px;
}

@media only screen and (max-width: 768px) {
  .main-content {
      text-align:center;
      margin-left:0;
  }
  .hero-content h1 {
      font-size:24px;
  }
  .hero-content p {
      font-size:16px;
}
  .hero-list {
  margin-top:0;
}
}