.wrapper {
	text-align: center;
}

.Title1 {
	color: white;
	font-family: "Roboto Slab", serif;
	font-size: 40px;
	text-decoration: underline dotted red;
}

.Title2 {
	color: white;
	font-family: "Roboto Slab", serif;
	font-size: 40px;
	text-decoration: underline dotted red;
}

.Para1 {
	color: white;
	font-size: 20px;
}

.Para2 {
	color: white;
	font-size: 20px;
}

.Para1:hover {
	text-decoration: underline solid coral;
}

.Para2:hover {
	text-decoration: underline solid coral;
}

.index-pic-1 {
	width: 20%;
	padding-bottom: 5%;
	position: relative;
	border-radius: 50%;
}
.index-pic-1:hover {
	width: 30%;
}
.index-pic-2 {
	width: 20%;
	padding-bottom: 5%;
	position: relative;
	border-radius: 50%;
}
.index-pic-2:hover {
	width: 30%;
}
.footcontent {	
	padding-left: 75%;
	padding-top: 0%;
}
footer {	
	margin-top: 205%;
	height: 16%;
}
.downloadButton {
  	display: inline-block;
	line-height: 42px;
	cursor: pointer;
	height: 42px;
	margin: 0;
	line-height: normal;
	height: auto;
}
.primaryLinks {
	float: right;
	margin-left: 10px;
	min-width: 180px;
}
.downloadButton .inner {
	font-size: 13px;
	font-family: droid sans,Arial,sans-serif;
	color: #fff;
	background-color: #3a6581;
	padding: 0 16px;
	border-radius: 6px;
	display: block;
	text-align: center;
	font-weight: 600;
	padding: 3px 10px;
}
body .muted, body a.muted, body .muted a {
	color: #7f7f7f;
}
body .muted, body a.muted, body .muted a {
	color: #7f7f7f;
}
.resourceInfo h1 {
	font-size: 18pt;
	overflow: hidden;
	zoom: 1;
}
.resourceInfo .resourceImage .resourceIcon {
	background-color: #fff;
	border-radius: 3px;
	background-position: 0 0!important;
	width: 48px;
	height: 48px;
}
.resourceInfo .resourceImage {
    float: left;
    margin-right: 12px;
    margin-bottom: 3px;
    width: 48px;
    position: relative;
}
.resourceInfo small.minorText {
	display: block;
	font-size: 11px;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
}
blockquote {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
.messageText {
	font-size: 11pt;
	font-family: droid sans,Arial,sans-serif;
	line-height: 1.4;
}
.innerContent .customResourceFields.aboveInfo {
	border-bottom: 1px solid #fafafa;
	margin-bottom: 10px;
}
.innerContent .customResourceFields dd {
	margin-left: 200px;
}
dd {
       display: block;
       margin-inline-start: 40px;
}
.innerContent .customResourceFields dl {
	overflow: hidden;
	margin: 8px 0;
}
.baseHtml ol, .baseHtml ul, .baseHtml dl {
	margin-left: 3em;
	margin-right: 0;
}
.baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl {
	margin: 1em;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

dl {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

@media only screen and (max-width: 600px) {
	.Title1 {
		padding-top: 40%;
	}
	.Para1 {
		font-size: 30px;
	}
	.index-pic-1 {
		height: 200px;
		width: 70%;
	}
	.Para2 {
		font-size: 30px;
	}
	.index-pic-2 {
		height: 200px;
		width: 70%;
	}
	.footcontent {
		font-family: "Roboto Slab", serif;
		font-size: 17px;
      		color: red;
     		padding-top: 0px;
		padding-left: 150px;
	}
}