.button {
    height: 40px;
    background-color: #1a1a1a;
    padding:10px;
    box-sizing: border-box;
    display: inline-block;
    color: white !important;
    text-decoration: none;
    transition: background-color 0.2s ease;
    margin: 10px 0;
}

.button:hover {
  background-color: #2B2B2B;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

/* Bio */

.bio {
  text-align: center;
  margin: 20px 0px;
}

.bio .col {
  margin: 0px;
}

.bio img {
  width: 200px;
  height: auto;
  border-radius: 50%;
}

.bio h2 {
    margin: 5px;
    font-size: 30px;
}

.bio h3 {
    margin: 10px;
}

.bio a {
  text-decoration: none;
  color: black;
}

.bio a:hover {
  text-decoration: underline;
}

/* Works */

.work {
  height: auto;
  width: 100%;
  color: white;
}

.work .col {
  padding: 0px;
  margin:  0px;
}

.work .title {
  font-size: 40px;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
}

.work img {
  width: 100%;
  max-width: 210px;
  height: auto;
}

.work .description {
  font-weight: bold;
  margin-bottom: 8px;
}

.tripadvisor {
  background-color: #34E0A1;
  color: black;
}

.gopuff {
  background-color: #00A4FF;
  color: white;
}

.drinks {
  background-color: white;
  color: black;
}

.jumpspaceapps {
  background-color: black;
}

.fridgely {
  background-color: rgb(52, 152, 219);
}

.universityeats {
  background-color: #F76B1C;
}

.finansir {
  background-color: #3ea13e;
}

.diablos {
  background-color: rgb(239, 0, 0);
}

.efficient-texas {
  background-color: #005cb9;
}

.schaller {
  color: black;
}

/* Portfolio Detail */

.top {
  height: auto;
  color: white;
  padding: 10px 0px;
  text-align: center;
}

.top h1 {
  font-size: 40px;
  margin: 0px;
  text-align: center;
}

.top h2 {
  margin:  0px;
}

#app-icon img {
    border-radius: 19%;
    height: auto;
    width: 200px;
    display: block;
    margin: 0 auto;
}

.screenshots {
  padding: 20px 0px;
}

.screenshots img {
  width: 50%;
  display: block;
  margin:  0 auto;;
}

/* News */

#news a {
  color: black;
}

.news-item {
  border-bottom: 1px solid #EDEDED;
  margin: 20px 0px;
  padding-bottom: 10px;
}

.news-item .col {
  margin: 0px;
}

.news-item h1 {
  margin: 10px 0px;
}

.news-item h2 {
  margin: 5px 0px;
}

.news-item h3 {
  margin: 5px 0px;
  font-size: 14px;
  color: #a7a7a7;
}

/* Contact */

.contact-form {
  background-color: #EDEDED;
}

.contact-form .form-control {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  border:none;
  max-width: 400px;
  width: 95%;
  padding: 5px;
}

.contact-form .form-input {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  border:none;
}

/* Footer */

.footer {
  color: #ecf0f1;
  height: 30px;
  width: 100%;
  background-color: #1a1a1a;
  line-height: 30px;
}

.footer .col {
  margin: 0px;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 480px) {
  .work img {
    float: left !important;
  }
}