html{ /*necessary to make the .footer class element stick to the bottom at all times*/
  position:relative;
  min-height:100%;
}

body {
 background:url('./images/232_b.jpg') no-repeat center center;
  background-attachment: fixed;
/*  background-size:100% 100%;*/
  background-size:cover;
  font-family:Arvo,serif;
}

.logo{
  height:30px;
  width:35px;
  margin:0;
}

.navbar-inverse{
  background-color:rgba(0,0,0,0.5);
}

.nav li{
  color:aliceblue;
  font-size:17px;
  margin-right:30px;
  padding:10px 0px;
}

.nav li:hover {
  border-bottom:1px solid #00ffB8;
  padding-bottom:9px;
  cursor:pointer;
}

.jumbotron{
  margin-top:150px;
  background-color:transparent;
  color:#fff;
  text-align:center;
  padding:10px;
  letter-spacing:2.5px;
}

.icons{
  color:#fff;
}

.bodyimage{
  height:180px;
}

.col-md-4{
  text-align:center;
  font-size:15px;
}

.container {
  max-width:1000px;
}

.contact{
  text-align:center;
  margin-top:50px;
  margin-bottom:150px;
}

.contact .btn{
  width:200px;
  color:#fff;
  background-color:rgba(0,255,184, 0.5);
  font-size:15px;
  border:none;
  border-radius:8px;
  padding:10px 5px;
  letter-spacing:1.3px;
}

.contact .btn:hover {
  background-color:rgba(0,0,0, 0.5);
  border:none;
}

.footer {
  background-color:rgba(0, 0, 0, 0.5);
  color:lightgray;
  text-align:right;
  font-size:15px;
  padding:10px 30px;

  /*stuff necessary to make the footer stick to the bottom at all times : (to be used with the styling to the html element as i did at the start of the css flie) */
  position:absolute;
  width:100%;
  bottom:0;
}
.footer p {
  margin:0px;
}

@media (max-width: 768px) {
  .logo{
    margin-top:-5px;
    margin-left:-5px;
  }

  .jumbotron{
    margin-top:100px;
  }

  .bodyimage{
    height:120px;
  }
}