body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:25px;
	line-height:32px;
	background: #69C9CD;
	color: black;
	padding: 40px;
	min-height:400000px; 
	letter-spacing: 1px;

}

@font-face {
    font-family: "personal";
    src: url(font/p.ttf);
}

::-webkit-scrollbar {
display: none;
}

.back{position: fixed; top: 25px; left: 8px;}


#sp-links   { 
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	color: black}

#sp-links a { display:inline-block;	background:#F15A22;
	padding:20px 40px;
	height:100%;
}



/* unvisited link */
a:link {
    color: black;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: black;
	text-decoration:none;
	
}

/* mouse over link */
a:hover {
    color: black;
	text-decoration:none;
}

/* selected link */
a:active {
    color: black;
	text-decoration:none;
}

p {margin-top:15px;}

video{margin:0px 0px 0px 0px; width:50%;}

ul {
    list-style-type: none;
}


@media only screen and (max-width: 800px) and (orientation:portrait) {
	video{margin:10px 0px 0px 0px; width:100%;}
	
    body {
		font-size:16px;
		line-height:20px;
    }
	
	
}


@media only screen and (max-width: 800px) and (orientation:landscape) {
    body {
		font-size:10px;
		line-height:12px;
    }
	
	video{margin:10px 0px 0px 0px; width:33%;}
	
	
	
	#sp-links a {
		padding:0px 20px;
	}

	.back {position: fixed; top: 15px; left: -20px;}
	
}


@media only screen and (min-width: 1300px) {
    body {
		font-size:30px;
		line-height:35px;
    }
}


@media only screen and (min-width: 1600px) {
    body {
		font-size:35px;
		line-height:45px;
    }
}