.body.army{
	background-image:url(/img/army_bgr.png);
	background-size:100% 100%;
	width:750px;
	position:relative;
	color:#094668;
	padding:50px 55px 80px 60px;
}

.body.army span{
	background-image:url(/img/title_army1.png);
	background-size:100% 100%;
	display:inline-block;
	width:550px;
	padding:10px 16px 19px 0;
}

.body.army span h1{
	font-size:27px;
	margin:0;
}

.body.army span h2{
	font-style:italic;
	font-weight:normal;
	font-size:17px;
	margin:0;
}

.body.army .photo-frame{
	position:absolute;
	left:-45px;
	top:180px;
	transform:rotate(-5deg);
}

.body.army p:not(.small){
	font-size:23px;
	font-weight:bold;
	line-height:30px;
}

.body.army p.small{
	font-size:13px;
	line-height:20px;
}

.pics{
	display:inline-block;
	padding:100px 0;
}

.pics .photo-frame:first-child{
	float:left;
	border-width:15px;
	transform:rotate(-2deg);
	margin-top:70px;
	margin-left:30px;
}

.pics .photo-frame:last-child{
	float:right;
	border-width:15px;
	transform:rotate(2deg);
	margin-right:30px;
}

#captain .body{
	background-image:url(/img/army_bgr2.png);
	background-size:100% 100%;
	color:#094668;
	padding:40px 70px 80px;
	width:800px;
	margin:100px 0;
	position:relative;
}

#captain h1{
	background-image:url(/img/title_army1.png);
	background-size:100% 100%;
	padding:7px 16px 11px 18px;
	display:table;
	font-size:25px;
}

#captain .body p{
	font-size:13px;
	line-height:20px;
	margin:25px 0;
}

#captain .body p b{
	font-size:23px;
	font-weight:bold;
	line-height:30px;
}

#captain .body .photo-frame{
	position:absolute;
	left:0;
	border-width:10px;
}

#hod .body{
	background-image:url(/img/army_bgr3.png);
	background-size:100% 100%;
	color:#094668;
	padding:40px 90px 80px 90px;
	width:620px;
	margin:100px 0;
	position:relative;
}

#hod span{
	background-image:url(/img/title_letters1.png);
	background-size:100% 100%;
	padding:7px 16px 11px 18px;
	display:table;
}

#hod span h1{
	font-size:25px;
	margin:0;
}

#hod span h2{
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	margin:0;
}

#hod .body p{
	font-size:21px;
	line-height:27px;
	margin:25px 0;
}

#hod .body .photo-frame{
	position:absolute;
	left:0;
	border-width:10px;
}

#lightning .body{
	background-image:url(/img/army_bgr4.png);
	background-size:100% 100%;
	color:#094668;
	padding:90px 60px 90px 100px;
	width:880px;
	margin:100px 0;
	position:relative;
}

#lightning h1{
	font-weight:normal;
	background-image:url(/img/title_army1.png);
	background-size:100% 100%;
	padding:7px 16px 11px 18px;
	display:table;
	font-size:17px;
	font-style:italic;
}


#lightning h1 b{
	font-size:23px;
	font-style:normal;
}

#lightning .body p{
	font-size:21px;
	line-height:28px;
	margin:25px 0;
	font-weight:bold;
}

#lightning .body u{
	font-size:12px;
	line-height:22px;
	font-weight:normal;
	text-decoration:none;
}

#lightning .body .photo-frame{
	position:absolute;
	left:0;
	border-width:10px;
}

#letter{
	position:relative;
	padding-bottom:300px;
}

#letter .photo-frame:last-child{
	transform:rotate(-2deg);
	position:absolute;
	bottom:150px;
	left:50%;
	margin-left:-515px;
}

@media only screen and (max-width:800px){
	.body.army,
	#captain .body,
	#hod .body,
	#lightning .body,
	#major .body{
		background:#fff;
		border-radius:20pt;
		padding:4% 5% 7%!important;
		margin:7% 0 10%;
		width:80%!important;
		text-align:right;
	}

	.body.army span{
		width:94%;
	}

	.body p{
		font-size:15pt;
		text-align:right;
		line-height:20pt;
	}

	.pics{
		padding:8% 0 3%;
		width:94%!important;
	}

	div .photo-frame{
		width:94%;
	}

	.pics .photo-frame{
		width:87%;
	}

	#letter{
		padding-bottom:10%;
	}
}