body{
	font-family: arial;	

}
h1{
	text-align: center;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 200px;
	font-weight: normal;
	margin:0;
    padding:0;
}
h2{
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-size: 90px;
	margin:0;
    padding:0;
}
h3{
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	
}

.portfolioItem{
    width: 182px;
    height: 250px;
    max-width: 100%;
    display: inline-block;
    position: relative;
    margin: 16px;

    text-align: center;
    border: solid 2px #3263b3;
    overflow-x: hidden;
}
.portfolioImage{
    width: 80%;
    z-index: -1;
    position: absolute;
    top: calc(50% - 0.5em);
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
   
}
.portfolioBottom{
    position: absolute;
    left: 50%;
    bottom: 1.5em;
    width: 100%;
    transform: translateX(-50%);
}
.portfolioTop{
    position: absolute;
    left: 50%;
    top: 1em;
    width: 100%;
    transform: translateX(-50%);
}
.portfolioDate{
    font-size: 75%;
    color: gray;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

a:link {
	text-decoration: none;
    color: blue;
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a:visited {
    color: blue;
}

a:hover {

    color: red;
		-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a:active {
    color: aqua;
}

#wrap{
	width: 85%;
	margin-left: auto ;
	margin-right: auto ;
}

#leftpan{
	width: 47%;
	float: left;
}

#rightpan{
	width: 47%;
	
	float: right;
}
#follow{	
	position: fixed;
	top: 5%;
}
#vlign{
	vertical-align: middle;
}