.article
{
	font-size : 18px;
	text-align : left;
}

.article h2
{
	margin : 20px 10px;
}

.open_page h2
{
	color : #FFFFFF;
}

.article h3
{
	font-weight : bold;
	margin : 15px;
}

.article a
{
	position : relative;
	display : block;
	margin : 15px;
	background-color : #2F2F2F;
	color : #FFFFFF;
	padding : 10px 10px 10px 40px;
	text-align : left;
}

.article a:hover
{
	background-color : #3A5A2E;
}

.article a:before
{
	font-family : "Font Awesome 5 Free Solid";
	display : block;
	position : absolute;
	left : 12px;
}
.article a.finger-right:before	{	content : "\f0a4";}
.article a.world:before			{	content : "\f7a2";}
.article a.arrow_down:before	{	content : "\f063";}
.article a.arrow_up:before		{	content : "\f062";}


.article .icon
{
	font-family : "Font Awesome 5 Free Solid";
	width : 100%;
	font-size: 100px;
}

.article img
{
	width : 100%;
	vertical-align: bottom;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	margin: 15px;
}

.article p
{
	margin : 15px 15px 15px 15px;
	text-align: justify;
}

.article .center{	text-align : center;}
.article .right{		text-align : right;}

.article p.back_blue, .article p.back_red, .article p.back_green, .article p.back_white, .article p.back_light, .article p.back_gold
{
	padding : 10px;
	border-radius : 5px;
	color : #FFFFFF;
}

.article p.back_blue{	background-color : #067790;}
.article p.back_red{	background-color : #884444;}
.article p.back_green{	background-color : #578945;}
.article p.back_gold{	background-color : #EFBF5E;color : #000000;}
.article p.back_white{	background-color : #FFFFFF;color : #000000;}
.article p.back_light{	background-color : #303030;}
						
.article p.blue{	color : #067790;}
.article p.red{		color : #884444;}
.article p.green{	color : #578945;}
.article p.gold{	color : #EFBF5E;}

.article .border_blue{		border : solid 1px #067790;}
.article .border_green{	border : solid 1px #578945;}
.article .border_gold{		border : solid 1px #EFBF5E;}
.article .border_red{		border : solid 1px #884444;}
.article .border_white{	border : solid 1px #FFFFFF;}

.article p.border{	border : solid 1px #FFFFFF;}
.blue p.border{		border : solid 1px #067790;}
.green p.border{	border : solid 1px #578945;}
.gold p.border{		border : solid 1px #EFBF5E;}
.red p.border{		border : solid 1px #884444;}

.article .rounded{ border-radius : 5px;}

.article p.border
{
	margin : 15px 15px 15px 15px;
	padding : 10px;
}

.article .col1,.article .col2,.article .col3,.article .col4,.article .col5,.article .col6
{
	display : inline-block;
	vertical-align : top;
	box-sizing : border-box;
}

.article .col1{	width : 16.66%;}
.article .col2{	width : 33.33%;}
.article .col3{	width : 50%;}
.article .col4{	width : 66.66%;}
.article .col5{	width : 83.33%;}
.article .col6{	width : 100%;}

.article .off1{	margin-left : 16.66%;}
.article .off2{	margin-left : 33.33%;}
.article .off3{	margin-left : 50%;}
.article .off4{	margin-left : 66.66%;}
.article .off5{	margin-left : 83.33%;}

.article .pad5{		padding : 5px;}
.article .pad10{	padding : 10px;}
.article .pad15{	padding : 15px;}

.article .h100{	height : 100px;}
.article .h50{	height : 50px;}

.article .lh100{	line-height : 100px;}
.article .lh50{		line-height : 50px;}

@media only screen and (max-width: 800px) {
	.article .pcol1{	width : 16.66%;}
	.article .pcol2{	width : 33.33%;}
	.article .pcol3{	width : 50%;}
	.article .pcol4{	width : 66.66%;}
	.article .pcol5{	width : 83.33%;}
	.article .pcol6{	width : 100%;}
}