/* default is mobile, only add extra media settings for desktop*/

.GDPorto_cologo{
	display: inline;
    float: none;
    padding:  0.1em;
}

.GDPorto_cologo:hover {
	-webkit-filter:  brightness(175%);
	/*background-color: orange;*/
}


.GDPorto_cologo_size_big{
	width: 30%;
}

.GDPorto_cologo_size_long{
	width: 22%;

}

.GDPorto_cologo_size_small{
	width: 17%;
}



.GDPorto_codiv{
	width: 99%;
	max-width: 1000px;
	margin:  0 auto;
	/*margin-left: 2%;*/
	text-align: center;
}

.GDPorto_codiv_size_big{

}

.GDPorto_codiv_size_long{
	
}

.GDPorto_codiv_size_small{

}


.GDPorto_projdiv{
	width:  98%;
	/*width:  800px;*/
	margin-left: 1%;
}

.GDPorto_projElem{
	margin: 0;
	width:  33.333%;
	padding: 4px;
}

.GDPorto_projElem:hover {
	padding: 0;
}

.GDPorto_projLogo{

}

.GDPorto_projLogo:before {
    content:     "";
    display:     block;
    padding-top: 100%; /* initial ratio of 1:1*/
}

.GDPorto_projLogo:hover {
	-webkit-filter:  brightness(120%);
	opacity:  1;
	padding: 0;
	border-radius: 1vw;
}

.GDPorto_projLogo > * {
  margin: 0;
  padding: 0;
}

.GDPorto_projLogo .title {
  position: absolute;
  Bottom: 2.8vw;
  Left: 1.4vw;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.75em;/*1.7vw;*/
  font-weight: bold;
  margin: 0em 0.3em 0em 0.1em;
}

.GDPorto_projLogo .company {
  position: absolute;
  left: 1.4vw;
  bottom: 1.2vw;
  font-size: 0.55em;
  margin: 0em 0.3em 0em 0.1em;
}

.GDPorto_projLogo .date {
  position: absolute;
  Right: 1.4vw;
  bottom: 1.2vw;
  font-size: 0.55em;
  margin: 0em 0.3em 0em 0.1em;
}

.GDPorto .proj .title {
	font-size:3rem;
}

	.GDPorto_accomplimage{
	width: 80vw;
	}


@media (orientation: landscape)
{
	.GDPorto_accomplimage{
	width: 61vw;
	}

	.GDPorto_projElem{
		width:  12.5%;
		padding: 4px;
	}

	.GDPorto_projLogo .title {
	  Bottom: 1.9vw;
	  font-size: 0.8vw;
	}

	.GDPorto_projLogo .company {
	  font-size: 0.5vw;
	}

	.GDPorto_projLogo .date {
	  font-size: 0.5vw;
	}
}

@media (min-width: 1000px)
{
	.GDPorto .proj .title {
		font-size:1rem;
	}

	.GDPorto_projElem{
		width:  25%;
		padding: 5px;
	}

	.GDPorto_projdiv{
		width:  90%;
		margin-left: 5%;
	}

	.GDPorto_cologo{
	    padding:  0.4em;
	}

	.GDPorto_codiv{
	width:  96%;
	}
}







.GDPortfo_phlurb_holder{
	display:inline-block; 
	width:100%;
	max-width: 1200px;
}

.GDPorto_phlurb{
	width:95%; /*320*/
	vertical-align:top; 
	display:inline-block; 
	margin: 0em 0.3em 0.8em 0.3em;
}
@media (min-width: 1000px)
{
	.GDPorto_phlurb{
		width:30%; /*320*/
	}
}







/* Popup container */
.GDPorto_popup {
position:fixed;
z-index:99;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  display:none;
  padding:5px;
  width:80%;
  min-height: 25%;
  color:#fff;
  background: rgba(64, 64, 64, 0.98)
 }