/* This is the stylesheet: DO NOT EDIT
CREDIT: Lauma Muizaraja | @lauma.works | www.lauma.works */


/*  ↓ ↓ G E N E R A L ↓ ↓ */
*{
	box-sizing: border-box;
	font-size: 13px; !important
}body{
	-webkit-text-size-adjust: none;
	font-family: sans-serif;
	margin: 0;
	font-size: 13px;
}a{
	font-size: 13px;
	text-decoration: none;
	color: black;
}a:active{
	color: #d8733d;
}

span:hover{
  display: inline-block;
  transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/*-------------------------*/
/* ↓ N A V I G A T I O N ↓ */
#header-table, #footer-table{
	padding:2px;
}

/* top navigation bar */
#header-table tr td{
	vertical-align: top
}
#header-table tr td:first-child{
	width:25%;
}#header-table tr td:first-child +td{
	width:25%;
	text-align: right;
}#header-table tr td:first-child + td +td{
	text-align: right;
}

/* footer */
footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: 0px;
}#footer-table tr td:first-child{
	width:25%;
}#footer-table tr td:first-child +td{
	width:25%;
	text-align: right;
}#footer-table tr td:first-child + td +td{
	text-align: right;
}

/* projects list */
nav{
	padding-top: 10VH;
	width:50%;
	max-width: 100%;
	float: left;
}table{
	width: 100%;
}


.navigation{
	text-align: right;
	line-height: 20px;
}#home-mobile{
	display: none;
}


/*-------------------------*/
/* ↓ ↓  C O N T E N T  ↓ ↓ */

main{
    padding-top: 15VH;
}p{   
    margin-top:0px;
    padding-right:20px;
}h1{
    margin-top:0px;
    font-size: 14pt;
}.column{
	width:50%;
	float:left;
	padding:5px;
	margin-bottom: 15VH;
}.column img{
	width:100%;
	padding-bottom:2px;
}.pdf-btn:hover{
	color: black;
	padding-left: 5px;
}.text{
	padding-right:10%;
}.info{
	text-align: center;
}.info>.pdf-btn:hover{
	color: black;
	padding-right: 5px;
}

/*-------------------------*/
/* ↓ ↓  L A N D I N G  ↓ ↓ */

/*flipped text link hover effect*/
#link1>div:hover{
  color: black;
  width:fit-content;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/*-------------------------*/
/* ↓ ↓  MEDIA QUERIES  ↓ ↓ */
@media only screen and (max-width:900px){
	nav{
		width:100%;
	}.navigation{
		text-align: center;
	}.column{
		width:100%;
		margin-bottom: 0;
	}.info{
		text-align: center;
    }#home-desktop{
		display: none;
	}#home-mobile{
		display: block;
	}#header-table tr td:first-child{
	   width:30%;
    }#header-table tr td:first-child +td{
	   width:40%;
	   text-align: center;
    }
}