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

html,

body 

.image-container {
    height: 100vh;
    display: flex;
}
.image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;	
}	
.title {
	background-color: #000000;
	margin-left: 35%;
}
.contents-image {
	width:45%;
	float: left;
	padding-left: 5%;	
	padding-right: 0%;	
	margin-top: 0px;
	margin-left: 0%;
	padding-top: 0px;
}
.contents-text {
	width:55%;
	float: right;
	padding-left: 2%;	
	padding-right: 2%;	
	margin-top: 0px;
	padding-top: 0px;
}
.article-header {
	width: 100%;
	float: center;
	padding-left: 2%;	
	padding-right: 2%;	
}
.article-image {
	width:35%;
	float: left;
	padding-left: 5%;	
	padding-right: 0%;	
	margin-top: 0px;
	margin-left: 0%;
	padding-top: 0px;
}
.article-text {
	width:96%;
	float: center;
	padding-left: 4%;	
	padding-right: 0%;	
	margin-top: 0px;
	padding-top: 0px;
}
.article-table {
	width: 100%;
	font-size: 1.0em;	
}
.article-textbox-table {

}
.description {
	text-align: center;
	padding-right: 12%;
	padding-left: 12%;
}
.footer-logo {
	float: center;
	padding-left: 30%;
	padding-right: 30%;
}

#footer-social {
	width: 100%;
	min-height: auto;
	float: center;
	padding-left: 0%;	
	padding-right: 0%;	
	margin-top: 0px;
	padding-top: 0px;
}
#footer-copyright {
	width: 100%;
	min-height: auto;
	float: center;
	padding-left: 0%;	
	padding-right: 0%;	
	margin-top: 0px;
	padding-top: 0px;
}

	
h1 {
    color: #B6B6B6;
}
h2 {
    color: #FFFFFF;
}
h3 {
    color: #888888;
}
h4 {
    color: #888888;
}
h5 {
    color: #777777;
	font-size: .75em;
}
h6 {
    color: #888888;
	font-size: .65em;
}
p  {
	color: #555555;
}

.img-responsive:hover{
	 cursor: pointer;
	}
.gap-10 {
	width:100%;
	height:10px;
			}
.gap-20 {
	width:100%;
	height:20px;
			}
.gap-30 {
	width:100%;
	height:30px;
			}		

/* Tablet view */
@media screen and (max-width:769px) {
.contents-image {
	width:100%;
	float: center;
	padding-left: 12%;	
	padding-right: 8%;	
	margin-top: 0px;
	margin-left: 0%;
	padding-top: 0px;
}
.contents-text {
	width:100%;
	float: center;
	padding-left: 12%;	
	padding-right: 8%;	
	margin-top: 0px;
	padding-top: 0px;
}
.image-container img {
	float: center;
}	
.article-header {
	width: 100%;
	float: center;
	padding-left: 10%;	
	padding-right: 5%;	
}
.article-text {
	width: 96%;
	float: center;
	padding-left: 10%;	
	padding-right: 5%;	
}	
.article-table {
	width:80%;
	font-size: .80em;
	padding-left: 2%;
}
.picture {
	padding-left: 5%;
}
.article-textbox-table {
	width:80%;
	font-size: .80em;
	padding-left: 2%;		
	}	
}
/* Mobile view */
@media screen and (max-width:480px) {
.contents-image {
	width:100%;
	float: right;
	padding-left: 12%;	
	padding-right: 8%;	
	margin-top: 0px;
	margin-left: 0%;
	padding-top: 0px;
}
.contents-text {
	width:100%;
	float: right;
	padding-left: 12%;	
	padding-right: 8%;	
	margin-top: 0px;
	padding-top: 0px;
}
.article-table {
	width:70%;
	font-size: .60em;
	padding-left: 2%;	
}
.picture {
	padding-left: 5%;
}	
}