body,html{margin:0;padding:0;font-family:'Source Sans Pro',sans-serif}.wrapper{max-width:1170px;margin:0 auto}.header__content{background:url(../img/hoam-home.jpg) center center no-repeat;background-size:cover}.header__content .wrapper{height:500px;display:flex;align-items:flex-start;justify-content:center; flex-direction: column;}.header__content li{color:#1c1886!important;font-family:"Open Sans";line-height:40px;font-size:20px;list-style:none}.header__content li:before{content:'\f046';font-family:fontAwesome;margin-left:-30px;margin-right:10px}.header__content li:nth-child(2):before{color:#6c943e}.header__content li:nth-child(3):before{color:#b7d65e}.header__nav li{display:inline-block;padding:0 20px}.header__nav li:nth-child(1){padding-left:0}.header__nav a{text-decoration:none;font-size:15px;font-family:Muli,sans-serif;color:#1d2a5c}.header__nav a:hover{color:#b7d65e}.header__nav{position:absolute;z-index:99;width:100%}@media (min-width:1170px){.header__nav .wrapper{width:1170px}}@media (min-width:769px){.col__2,main .wrapper{display:flex}.col__2--left img{position:absolute;right:20px}}@media (min-width:601px){.text__box{display:flex}}.header__nav ul{padding:30px 0;margin:0}main{border-top:3px solid #1c1886}main .wrapper{justify-content:space-between;padding:50px 0}main article{flex-basis:70%}main aside{flex-basis:25%;background:rgba(29,42,92,.8);padding:15px 10px}.col__2--left{flex-basis:25%;position:relative}.col__2--right{flex-basis:75%}p{font-size:15px;color:#3d3d3d;line-height:25px}h2{color:#1d2a5c;font-size:22px}h2 i{margin-right:20px}.text__box>div{flex-basis:33%;padding:20px;display:flex}.text__box>div>div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;padding:20px;text-shadow:1px 0 0 #000;font-weight:700;flex:1;align-items:center;display:flex}.text__box h3{text-align:center;font-size:18px;margin:auto}.text__box--style1{background:#1d2a5c}.text__box--style2{background:#6c943e}.text__box--style3{background:#b7d65e}main aside h3{text-align:center;line-height:1em!important;color:#fff;font:400 22px/32px "Source Sans Pro",Helvetica,Arial,Verdana,sans-serif;margin:0}main aside h3:after{display:block;overflow:hidden;margin:13px auto auto;width:70px;height:2px;background:#6c943e;content:'';text-indent:-999em}footer{background:#1d2a5c}footer p{color:#fff;text-align:right;margin:0;font-size:13px;padding:18px 0}@media (max-width:1170px){.wrapper{padding:20px!important}}@media (max-width:768px){ footer p{text-align:center!important}}@media (max-width:640px){.hoa-logo-hoam{width: 291px !important; height: 72px !important; margin-top: 60px;} .col__2--left img{max-width:100%}.header__content li{line-height:1.5em;font-size:16px}.header__content li:before{margin-right:15px}.header__content .wrapper{height:320px}.header__content ul{margin-top:100px}.header__nav ul{display:flex;justify-content:space-between}.header__nav li{padding:0}}
.hoa-logo-hoam{
	width: 350px;
	height:158px;
}
.hoam-new-logo {
	max-width: 1170px;
    margin: 0 auto;
}
.hoam-new-logo img {
    position: absolute;
    top: 12%;
}
/*Mobile responsive design*/
@media only screen and (max-width: 1920px) {
    .hoam-new-logo img {
	    top: 8%;
	}
}
@media only screen and (max-width: 1536px) {
    .hoam-new-logo img {
	    top: 12%;
	}
}
@media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 10%;
	}
}
@media only screen and (max-width: 1024px) {
    .hoam-new-logo img {
	    top: 8%;
	    left: 3%;
	}
}
@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 14%;
	}
}
@media only screen and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 30%;
	}
}
@media only screen and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 28%;
	}
}
@media only screen and (max-width: 768px) {
	.hoam-new-logo img {
	    top: 11%;
	}
}
@media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 33%;
	    width: 50% !important;
	    height: auto !important;
	}
}
@media only screen and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 30%;
	}
}
@media only screen and (max-width: 640px) {
	.hoam-new-logo img {
	    top: 25%;
	}
	.header__content ul{margin-top:20px}
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 33%;
	}
	.header__content ul{margin-top:20px}
}
@media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.hoam-new-logo img {
	    top: 35%;
	}
}
@media only screen and (max-width: 414px) {
	.hoam-new-logo img {
	    top: 14%;
	    width: 75% !important;
	    height: auto !important;
	}
}
@media only screen and (max-width: 411px) {
	.hoam-new-logo img {
	    top: 12%;
	}
}
@media only screen and (max-width: 375px) {
	.hoam-new-logo img {
	    left: 5%;
	    top: 13%;
	}
}
@media only screen and (max-width: 320px) {
	.hoam-new-logo img {
	    top: 15%;
	}
}