/*!
 * Meus estilos
 * Soprepoe estilos : vendor/bootstrap/css/bootstrap
 *                    css/stylish-portfolio
  */

.bg-light {
  background-color: #ffffff !important;
}  
  
.text-center .img-responsive {
    margin: 0 auto;
}
  
  .masthead {
  min-height: 30rem;
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 5rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), url("");
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.portfolio-item .caption .caption-content {
  color: #fff;
  margin: auto auto 2rem;
}
.portfolio-item .caption .caption-content h2, h3 {
  font-size: 1.0rem;
  text-transform: uppercase;
}

 .portfolio-item:hover img {
    -webkit-clip-path: inset(2rem 2rem 0rem 2rem);
    clip-path: inset(2rem 2rem 0rem 2rem);
  }
  
 .portfolio-item img {
    -webkit-transition: -webkit-clip-path 0.25s ease-out;
    -webkit-clip-path: inset(-1px);
    clip-path: inset(-1px);
  }
  
 .portfolio-item:hover .caption {
    background-color: rgba(29, 128, 159, 0.9);
    -webkit-clip-path: inset(2rem 2rem 0rem 2rem);
    clip-path: inset(2rem 2rem 0rem 2rem);
  }
  
  
@media (min-height: 600px) {

.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 570px;
  max-height:190px;
  width:70%;
}
}

@media (min-height: 768px) {
	
.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 570px;
  max-height:570px;
  width:65%;
}
}

@media (min-height: 864px) {
	
.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 570px;
  max-height:255px;
  width:100%;
}
}

@media (min-height: 1024px) {
	
.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 570px;
  max-height:570px;
  width:80%;
}
}