body {
  background: rgba(25, 15, 45, 1) !important;
  background-repeat: no-repeat;
  background-position: center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  padding: 0px;
}

#cover {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /*padding-top: 200px;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom center fixed;
  background-image:
        linear-gradient(rgba(35, 15, 65, 0.1), rgba(25, 15, 45, 1)),
        url('resources/images/bg5.jpg');
}

#main-about {
  position: relative;
  width: 100%;
  margin: auto;
  text-align: left;
  background: rgba(255,255,255,1);
  padding: 60px 0px;
  border: solid #ddd;
  border-width: 1px 1px 1px 1px;
  top: 100px;
  left: 0px;
  border-radius: 2px;
  box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.2);
}

#main-about h1 {
  width: 75%;
  margin: 20px auto;
  padding: 0px 10%;
  float: center;
  text-align: left;
  font-family: "Arvo", serif;
}

#main-about h2 {
  width: 75%;
  margin: 10px auto;
  padding: 10px 10%;
  float: center;
  text-align: left;
  font-size: 1.5em;
  font-family: "Arvo", serif;
}

#main-about p {
  float: center;
  text-align: left;
  width: 75%;
  margin: 20px auto;
  margin-bottom: 20px;
  padding: 0px 10%;
  color: grey;
  font-size: 14pt;
  font-weight: 300;
  font-family: "Arvo", serif;
}

#main-about a, a:link, a:visited, a:active {
  color: @link-color;
}

#main-about a:hover {
  color: #66cc00;
  text-decoration: none;
}

.colored-icons {
  color: #66cc00;
  opacity: 0.5;
}

.cover-image {
  width: 55%;
  padding: 0px 0%;
  border-radius: 10px;
  -webkit-border-radius: 6px;
  float: center;
  margin: 20px auto;
  border: 0px solid red;

}

a.logo, a.logo:active, a.logo:visited {
  opacity: 1;
}

a.logo:hover {
  opacity: 1;
}

.icon {
  position: relative;
  top: 50px;
  padding: 0px;
  border: 1px solid white;
}

.logo img {
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.2);
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
}

/*.waste-space {
    margin-top:200px;
    background-color: rgba(250, 250, 40, 0.0);;
    padding: 100px;
}*/

.links {
  position: relative;
  list-style-type: none;
  padding: 10px;
  float: center;
  text-align: left;
  width: 75%;
  margin: auto;
  margin-bottom: 20px;
  padding: 0px 10%;
  color: grey;
  font-size: 14pt;
  font-weight: 300;
  font-family: "Arvo", serif;
}

.image-links {
  display: flex;
}

.links li {
  margin: 20px;
  padding: 20px;
  font-size: 13pt;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
}

.image-links li {
  margin: 5px;
}

.single-cover img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;

}