
.landscape1 {
	transform: rotate(90deg);
	transform-origin: right top;
    height: 100vw;
    width: 100vh;
	overflow: hidden;
	position: absolute;
	top: 100%;
	right: 0;
}

.landscape2 {
	transform: rotate(-90deg);
	transform-origin: left top;	
	overflow: hidden;
	position: absolute;
	top: 100vh;
	left: 0;
    height: 100vw;
    width: 100vh;
}
.portret1 {
    overflow: hidden;
}


body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-size: cover;
	font-family: tahoma;
}



.landscape {
    height: 100vw!important;
    width: 100vh!important;
    //border: solid 5px green;
    //background-image: url('/img/neuro/bg.png');
}

.portret {
    height: 100vh!important;
    width: 100vw!important;
    //border: solid 5px green;
    //background-image: url('/img/neuro/bg.png');
    background-size: cover;
}


.black { 
    background-color: black!important;
}

.title {
    margin-left: 3vw;
	width: 90%;
	font-size: 10vh;
	text-align: center;
	position: fixed;
	top: 30%;
	font-weight: bold;
}
.subtitle {
	width: 100%;
	font-size: 6vh;
	text-align: center;
	position: fixed;
	top: 38%;
}

.paper {
    position: fixed;
    height: 15vh;
    top: 55%;
    text-align: center;
    font-size: 6vh;
    width: 100%;
    padding: 2rem auto;
    margin: auto;
    //background-color: red;
    //opacity: .5;
}


