body {
  margin: 0;
}

.main {
  height: 630px;
  min-width: 210px;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  background-image:url('../images/tahoe.jpg');
  border-radius: 0px;
  padding: 56px;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  text-align: center;
}

.main h1 {
  font-family: 'Roboto Slab', sans-serif;
  color: hsl(219, 20%, 95%);
  font-size: 60px;
  line-height: 1;
  margin: 10px 0;
  font-weight: normal;
  letter-spacing: 2px;
}

.main p {
  margin: 4px 0px 10px;
  color: hsl(219, 20%, 90%);
}

.links {
  margin: 0;
  list-style: none;
  opacity: 0.8;
  padding: 0 15px;
  background-color: #fafafa;
  border-radius: 4px;
  display: inline-flex;
}

.links a {
  padding: 0 15px;
  padding: 5px 15px;
  color: hsl(219, 40%, 50%);
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.btn [class^="icon-"].icon-large,
.links [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.links [class*=" icon-"].icon-large {
  line-height: inherit;
}

.links a:hover {
  color: hsl(219, 40%, 60%);
}

i {
  font-size: 22px;
}

@media (max-device-width: 640px) {
  i {
    font-size: 24px;
  }

  .main h1 {
    font-size:48px;
    letter-spacing: 2px;
  }

  .main {
    background-image:url('../images/tahoe-small.jpg');
    padding: 20px;
  }
}

@media (min-width: 1500px) {
  .main {
    border-radius: 30px;
  }
}

@media (min-height: 750px) {
  .main {
    border-radius: 30px;
  }
}