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

@media screen and (max-width: 960px) {
 
    #main {
        width: 95%;
    }
	
	#main h2 {
		font-size:900%;
		margin-bottom:20px;
	}
	
	.explain {
		font-size:17px;
		padding-right:6%;
	}
	
	#articleContainer {
		padding-top:40px;
	}
	
	.article {
		width: 80%;
		margin-bottom:40px;
	}
	
	.articleTitle {
		font-size:19px;
	}
	
	.articleDocument {
		font-size:17px;
		line-height:160%;
	}
	
	.articleLink {
		font-size:17px;
		line-height:140%;
	}
}

@media screen and (max-width: 650px) {
	
	.overlay {
		opacity:0.5;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		/*display:none;*/
	}
    #main {
        width: auto;
        float: none;
        margin: 20px 0;
		padding-top:50px;
    }
	
	#main h2 {
		font-size:700%;
		margin-bottom:15px;
	}
	
	.explain {
		font-size:14px;
		padding-right:6%;
	}
	
	#articleContainer {
		padding-top:30px;
	}
	
	.articleTitle {
		font-size:16px;
	}
	
	.articleDocument {
		font-size:15px;
		line-height:160%;
	}
	
	.articleLink {
		font-size:15px;
		line-height:140%;
	}
	
	#contact {
		position:absolute;
		left:10px;
		bottom:60px;
		z-index:99999;
	}
	
	#contact li a {
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
		
	#page-top {
		position:absolute;
		right:10px;
		bottom:65px;
		z-index:99999;
	}
	
	#page-top a {
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
}

html {
	-webkit-text-size-adjust: none;
}

#main img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.video embed,
.video object,
.video iframe {
    width: 100%;
    height: auto;
}