body {
  /*background: linear-gradient(90deg, white, gray);*/
  /*background-color: #eee;*/
  background-image: url("background.jpg");
}

body, h1, p {
  font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
}

.container {
  margin-left:  auto;
  margin-right:  auto;
  margin-top: 50px;
  max-width: 960px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: rgba(240,240,240, 0.92);
  border-radius:10px;
}

.row:before, .row:after {
  display: table;
  content: " ";
}

.l{
  float:left;
  max-width: 400px;
  margin-left:  auto;
  margin-right:  auto;
}

.r{
  float:right;
  max-width: 400px;  
  margin-left:  auto;
  margin-right:  auto;
}

#footer {
  background-color: rgba(240,240,240, 1);
  text-align: center;
  margin-left:  auto;
  margin-right:  auto;
  margin-top: 10px;
  padding-bottom: 5px;
  max-width: 960px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius:10px;
}

.by {
  text-align: left;
  float: right;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom:2px;
  text-decoration: underline;
}

.copyright {
  text-align: right;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom:2px;
  text-decoration: underline;
}

h1 {
  font-size: 48px;
  font-weight: 300;
  margin: 0 0 20px 0;
  color: rgb(100, 80, 180);
}

.lead {
  font-size: 21px;
  font-weight: 200;
  margin-bottom: 20px;
}

p {
  margin: 0 0 10px;
}

a {
  color: #3282e6;
  text-decoration: none;
}