
/* home page style */

.navigation {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: +2;
}

.navigation a img:hover {
	cursor: pointer;
}

.rotate {
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.page-head {
	position: relative;
	display: flex;
	justify-content: center;
	height: 200px;
	width: 100%;
	margin-bottom: 30px;
}
	
.page-logo {
	postion: relative;
	display: flex;
	justify-content: center;
	height: 200px;
	width: auto;
}

a {
	color: black;
	text-decoration: none;
}

a:hover a:visited a:link a:active {
	color: black;
	text-decoration: none;
}
	
.page-menu {
	display: flex;
	justify-content: center;
	font-size: 18px;
	font-weight: 200;
	color: rgb(0,0,0);
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.page-menu:hover a {
	color: rgb(255,255,255);
}

.page-menu:hover {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}


/* home page: social network links */

.social {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

a.social-btn {
	font-size:12px;
    padding: 2px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(100,100,100,1);
	color: rgb(255,255,255);
}
	
a.facebook {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a.facebook:hover {
	color: white;
	background-color: #5959AC
}

a.linkedin {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
a.linkedin:hover {
	color: white;
   	background-color: #008AE6;
}

a.researchgate {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a.researchgate:hover {
	color: white;
	background-color: #00d0af;
}

a.googleplus {
	font-family: times;
	font-size: 22px;
}
a.googleplus:hover {
	color: white;
	background-color: #d34836;
}

a.mysciencework {
	font-family: cursive;
}
a.mysciencework:hover {
	color: white;
	background-color: #494798;
}

a.artnolens:hover {
	background-color: rgb(128, 34, 191);
}

iframe {
	position: absolute;
	margin-top: 20px;
	width: 100vw;
	height: 100vh;
}

