body {
background-image: url(../bg.png);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}


html body       {
padding: 0px;
margin: 0px;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
background-color: #d4df9e;
}


img {
    max-width:100%;
    height:auto;
    border:0;
}

.vertical-align {
display: flex;
align-items: center;
}

.horizontal-align {
display: flex;
flex-wrap:wrap;
}

h1 {
font-family: 'Montserrat';
font-weight: 800;
color: #000;
font-size: 36px;
text-transform: uppercase;
}

h2 {
font-family: 'Montserrat';
font-weight: 800;
color: #000;
font-size: 30px;
text-transform: uppercase;
}

h3 {
font-family: 'Montserrat';
font-weight: 800;
color: #000;
font-size: 26px;
text-transform: uppercase;
}

h4 {
font-family: 'Montserrat';
font-weight: 600;
color: #000;
font-size: 14px;
text-transform: uppercase;
}

hr {
	border: solid #a3b64b;
	border-width: 2px 0 0;
	width: 100px;
	margin: 11px 0 30px;
	height: 0;
	clear: both;
	text-align: left;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*********************** Content Index *************************/


div.content-index-area {
padding-top: 30px;
padding-bottom: 30px;
}

div.content-index-layer {
max-width: 700px;
margin: 0 auto;
padding-top: 30px;
}

div.content-index-layer div.content-index p {
font-family: 'Montserrat';
color: #000;
font-weight: 400;
font-size: 14px;
line-height: 26px;
}

div.content-index-layer div.content-index p a {
font-family: 'Montserrat';
color: #000;
font-weight: 700;
font-size: 14px;
line-height: 26px;
}