/*-----General-----*/
.row {
  margin-left: auto;
  margin-right: auto;
}

.center {
  align-items: center;
  justify-content: center;
}

.sectionbackground {
  background-color: #343a40;
}

.bordercard {
  border: solid;
  border-color: #343a40;
}

.titlestyle {
  margin-bottom: 1em;
  text-align: center;
}

.textcolor {
  color: #e9ecef;
}

.sectionmargin {
  margin-bottom: 5em;
}

.headerpadding {
  padding-top: 4em;
}

.serviceflex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

figure {
  position: relative;
  padding: 0.7em !important;
}

figure img {
  width: 350px;
  height: 210px;
}

figcaption {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  position: absolute;
  bottom: -10px;
  visibility: hidden;
  width: 350px;
  height: 13.2em;
}

figcaption h3,
figcaption p {
  margin-top: 25px;
  margin-left: 15px;
  padding: 4px;
}

figure:hover figcaption {
  visibility: visible;
}

/*-----Header-----*/

.navbarfixed {
  position: fixed;
  width: 100%;
  z-index: 1;
}

/*-----Hero-----*/

.rowcard {
  justify-content: space-around;
}

.cv {
  width: 58%;
  margin-left: 14em;
}

.card-img-top {
  margin-top: 1em;
  border-radius: 0.25rem;
}

.logo {
  margin-left: 1em;
  margin-right: 1em;
}

.right {
  float: right;
}

.imgsize {
  width: 350px;
  height: 13.2em;
  margin: 1em;
}

.hero-text{
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}