body {
    /*background-image: url("https://assets.awwwards.com/awards/images/2015/04/pattern.jpg");*/
    /*background-color: #cccccc;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding-bottom: 50px;
  }

h1 {
    columns: #333333;
    text-align: center;
}
.col {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding: 20px;
    margin-left: 50px;
}
button {
    padding: 20px;
    margin: 20px;

}
form {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.col img {
    width: 500 px;
    height: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border: solid black 5px;
    border-radius: 25px;
    
}
.social-media img {
    width: 50px;
    margin: 5px;
    border: rgb(152, 155, 158) 3px solid;
}
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(152, 155, 158);
    color: white;
    text-align: center;
    padding: 5px;
  }

  #socialMedia {
    padding: 20px;
  }

#parallax-container-1 {
  height: 250px;
}

#parallax-container-2 {
  height: 150px;
}

.btn-flat {
  font-size: 20px;
}

#github-card {
  width: 200px;
  height: 250px;
}

.card-image img {
  height: 200px;
  width: 50px;
}

#brand-logo {
  border-radius: 50%;
  height: 60px;
  padding: 5px;
}

#carousel-tf, 
#carousel-pg {
  height:auto;
  width: 200px;
}