/* Home */

.home-banner{
	width:100%;
	height:100vh;
	background:#ccc3;
}

/* Cards Wola Home */

.cards-wola-home{
	display:flex;
	flex-direction:row;
	width:100%;
}

.cards-wola-home .box{
	width:33%;
	margin:10px;
	background:var(--wola-color-medio);
	justify-content:center;
	align-content:center;
	flex-direction:column;
	text-align:center;
	padding:20px;
	aspect-ratio: 3/3;
}

.cards-wola-home .box p{
	margin-bottom:0px;
}

.home-cards{
	display:flex;
	flex-direction:column;
	align-items:center;
}

@media (max-width:768px){
	.cards-wola-home .box{
		width:100%;
		margin:10px 0 10px 0;
	}
	.cards-wola-home{
		flex-direction:column;
	}
}

/* Portfolio */

.porfolio-wola{
	display:flex;
	flex-wrap:wrap;
}

.porfolio-wola .box{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.porfolio-wola .box:nth-child(1){
	background:var(--wola-color-medio);
	opacity:1;
	width:50%;
	height:400px;
}

.porfolio-wola .box:nth-child(2){
	background:var(--wola-color-medio);
	opacity:0.9;
	width:50%;
	height:400px;
}

.porfolio-wola .box:nth-child(3){
	background:var(--wola-color-medio);
	opacity:0.8;
	width:33.33%;
	height:400px;
}

.porfolio-wola .box:nth-child(4){
	background:var(--wola-color-medio);
	opacity:0.7;
	width:33.33%;
	height:400px;
}

.porfolio-wola .box:nth-child(5){
	background:var(--wola-color-medio);
	opacity:0.6;
	width:33.33%;
	height:400px;
}

@media (max-width:768px){
	.porfolio-wola{
		display:flex;
		flex-direction:column;
	}
	.container-wola-full .porfolio-wola .box{
		width:100%;
	}
}



/*   */
.full-screen {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#masthead {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999;
}
#masthead a {
  padding: 1rem 2rem;
}


#panels #panels-container {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
  background-color: #ddd;
}
#panels #panels-container .panel {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  text-align: left;
  border-right: 1px solid #f00;
}
#panels #panels-container .panel img {
  max-width: 100%;
  height: auto;
  display: block;
}
#panels #panels-container .panel .panels-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#panels #panels-container .panel .anchor-panel,
#panels #panels-container .panel .nav-panel {
  color: #000;
  text-transform: uppercase;
  margin-right: 2rem;
}
#panels #panels-container .panels-navigation {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  right: 2rem;
}
html,
body {
  margin: 0;
  height: 100%;
  font-weight: 300;
}
body {
  overflow-x: hidden;
}

.post-779{
	transition-duration: .25s;
}
.post-779:hover,.post-774:hover{
	transform:scale(0.9);
}