* {
  padding: 0;
  margin: 0;
}

body {
  background-color: #eeeeee;
}

/* .bg-newColor {
  color: #00897b !important;
} */

.card-body {
  border-radius: 0 !important;
}

#main-header .port-item {
  width: 20%;
}

#main-header .port-item:hover {
  opacity: 0.8;
  cursor: pointer;
}

@media(min-width: 1199px) {
  .port-item {
    padding: 3em !important;
  }
}

#collapseBlog a {
  text-decoration: none !important;
  color: black;
}

.bg-primary {
  background-color: #757575 !important;
}

.bg-success {
  background-color: #616161 !important;
}

.bg-warning {
  background-color: #424242 !important;
}

.bg-secondary {
  background-color: #212121 !important;
}

.bg-info {
  background-color: #000000  !important;
}

.bg-dark {
  background: #000000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}