@charset "UTF-8";
/* CSS Document */

@media (max-width: 1300px)
{

	
	
	html, body {
	margin:0;
	padding:0;
	font-size: 1.4em;
}
	
#titleScreen h1 (
	font-size: 20pts;
	)


#titleScreen H2 {
	font-size: 4em;
	font-weight: 200;
	margin: 0 0 4vh 0;
	
}

#titleScreen H3 {
	font-size: 3em;
	font-weight: 200;
	margin-bottom: 2vh;
	
}
	
#titleScreen H4 {
	font-size: 2em;
	font-weight: 400;
	margin: 10px;
}
	
.titlepic 
{
	
}	
	
#titleScreenContent {
	
margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 80vw;
}
	
.arrow {
	width: 4vw;
}

	
.body1 {
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20vw;
	padding: 4vw;
	background-color:rgba(255, 255, 255, 0.99);
	border-radius: 25px;
	font-size: 1.4em;
	
}
	
	/*
	
.static {
	
	background-image: url(images/decoration/staticSquare.gif);
	background-repeat: repeat;
	width: 600px;
	height: 480px;
	border-radius: 15px;
		}

.static img {
	width: 594px;
	height: 474px;
	margin: 3px;
	border-radius: 15px;
}

#3Authors {
	height: 214px;
	background-image: url(images/decoration/staticSquare.gif);
	background-repeat: repeat;
	border-radius: 15px;
}

#3Authors img{
	height: 210px;
	margin: 3px;
	border-radius: 15px;
}

#soles {
	height: 266px;
}

#soles img{
	height: 260px;
}	
	
	



body {
  min-height: 500vh;
}











	
	
	
*	/