.table{
  width: 100%;
  margin-bottom: 18px;
}

.table tr{
  border: none;
}

.table td, .table th{
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border: none;
  border-top: 1px solid #ddd;
}

.cover_picture{
  height: 431px;
  background-position: 50%;
  background-size: cover;
}

.project-mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.project-slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}

/* Next & previous buttons */
.project-prev, .project-next,.project-video-prev, .project-video-next {
cursor: pointer;
position: absolute;
top: 52%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

.project-video-next {
  right: 10px;
  border-radius: 3px 0 0 3px;
  }
  

.project-next {
right: 0;
border-radius: 3px 0 0 3px;
}

.project-prev:hover, .project-next:hover,.project-video-prev:hover, .project-video-next:hover  {
background-color: rgba(0,0,0,0.8);
}

.project-dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.project-dot-class{
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.active, .dot:hover {
background-color: #717171;
}

.project-fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes project-fade {
from {opacity: .4} 
to {opacity: 1}
}

@keyframes project-fade {
from {opacity: .4} 
to {opacity: 1}
}

@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}

.project-product-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
flex: 0 0 21%;
margin: 5px;
}

.project-product-card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.project-product-container{
display: flex;
flex-wrap: wrap;
}

.project-subtitle{
text-align: center;
}

.project-marker {
font-size:30px;
}

.project-location {
display:inline-block;
}

.project-subtitle{
margin-top: 50px;
}

@media only screen and (max-width: 650px) {
.project-product-card {
    flex: 0 0 30%; 
  }
  .project-location-container {
    font-size:15px;
  }
}

@media only screen and (max-width: 420px) {
.project-product-card {
    flex: 0 0 40%; 
  }
  .project-location-container {
    font-size:10px;
  }
}

.project-location-container{
font-size: 20px;
}

.flex-video-container-portfolio{
display: flex;
flex-wrap: wrap;
}

.project-video-container {
  height: 300px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
flex: 1 0 47%;
margin: 5px;
}

.project-video-container iframe {
  display: block; 
  width: 100%; 
  height: 100%; 
  border: none;
}