@import url("style.css");

.row{
  margin: 25px 0 50px 0;
}

.project_content{
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.project_link:hover{
  text-decoration: none;
}

.project_scaled {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0px 0px 30px 0px #000;
}

.project_wrapper{
  width:100%;
  background-color: rgba(0,0,0,0.5);
  border: 1px solid white;
  border-radius: 10px;
  color: white;
  padding: 20px 0;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}

.project_image_wrapper{
  height: calc(100% - 60px);
  width: 30%;
  position: absolute;
  padding: 10px;
  margin-top: 10px;
}

.project_image{
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  position: absolute;
  overflow: hidden;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 10px 0 0 10px;
}

.project_text{
  margin-left:30%;
  padding: 15px 60px 0 15px;
}

.project_title{
  font-family: GothamLight;
  font-size: 15pt;
}

.project_subtitle{
  font-family: AvenirLight;
  font-size: 11pt;
}

.project_date{
  position: absolute;
  top: 35;
  right: 20;
  font-family: AvenirLightItalic;
}