/* line 4, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.index video,
#portfolio.show video {
  height: 100%;
  min-width: 100%;
  width: 100% !important;
  margin: -2px;
  margin-left: 0px;
}
/* line 12, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.index .bgimg,
#portfolio.show .bgimg {
  cursor: pointer;
  max-height: 200px;
  overflow: hidden;
  background-position: center;
  height: 260px;
  min-height: 360px;
}
/* line 21, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.index .bgimg .whitecolor,
#portfolio.show .bgimg .whitecolor {
  transition: 0.2s;
  display: block !important;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.0;
  height: 360px;
}
/* line 30, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.index .bgimg .whitecolor p,
#portfolio.show .bgimg .whitecolor p {
  transition: 0.2s;
  background-color: none;
  text-align: center;
  padding-top: 160px;
  font-size: 16px;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}
/* line 47, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.index .bigfont,
#portfolio.show .bigfont {
  padding-top: 50px;
  font-size: 18px;
}

/* line 56, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.show .bgimg {
  min-height: 430px;
}
/* line 60, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.show .bgimg .whitecolor {
  transition: 0.2s;
  display: block !important;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.0;
  min-height: 600px;
}
/* line 68, /root/app/app/assets/stylesheets/portfolio.scss */
#portfolio.show .bgimg .whitecolor p {
  transition: 0.2s;
  background-color: none;
  text-align: center;
  padding-top: 180px;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}