.soft_hard_content{
	display: inline-block;
	min-height: 28em;
	overflow: hidden;
	position: relative;
	width: 95%;
}

.soft_hard_block{ 
	margin-top: 1.5em;
	/*width: 56em; */	
}

.soft_hard{
	float: left;
	width: 100%
}

.soft_hard_left{
	float: left;
	width: 45%;
}

.soft_hard_right{
	float: left;	
	width: 50%;
	padding-top: 30px;
	padding-left: 40px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.soft_hard_title{
	background: url(../images/template/flagpage/country/country_line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 1.1em;
	font-weight: bold;	
	text-align: left;
}

.soft_hard_descrition{
	font-size: 0.9em;
	text-align: left;
}

.soft_hard_image{
	/*background: url(../images/template/flagpage/soft_hard/LeftBackground.png);
	background-repeat: no-repeat;
	background-position:-8px 0px;*/
	height: 30.9375em;
	width: 21.5em;
	padding-left: 10px;
	border:0px solid red;
}

.soft_hard_nav{
	border: 0px solid blue;
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	width: 10em;
}

.soft_hard_nav a{
	color: #0134cd;
	text-decoration: none;
}

.soft_hard_nav a:hover{
	color: #0134cd;
	text-decoration: underline;
}

.softhard_left{
	background: url(../images/template/flagpage/soft_hard/SoftBar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 130px 300px;
	float: left;
	height: 280px;
	margin-top: 10px;
	/*margin-top: 10.8em;*/
	
	bottom:0;
	width: 32%;
}

.softhard_left_text{
	font-size: 2em;
	font-weight: bold;
	text-align: center;	
	position: relative;
}

.softhard_middle{
	background: url(../images/template/flagpage/soft_hard/DifferenceBubble.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	font-size: 2em;
	font-weight: bold;
	height: 1.9em;
	margin-top: 4em;
	padding-top: 0.3em;
	/*line-height:15.625em;*/
	text-align: center;
	width: 32%;
	vertical-align: bottom;
}

.softhard_right{
	background: url(../images/template/flagpage/soft_hard/HardBar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	height: 280px;
	width: 32%;
}

.div_clear{
	clear:both;
}

@media (max-width:900px){ 
	.soft_hard_left, .soft_hard_right{
		float: none; 
		width: 100%;
		padding:0;
	} 
	.soft_hard_title { 
		padding-bottom: 3px;
	}
}