.staffv2,
.staffv2 h2,.staffv2 h3, .staffv2 h4 {font-family:'Montserrat';}
#shero {    z-index: 1;    position: relative;height:554px}
#shero .container {align-items:flex-end;height:100%}
#shero .box {padding:30px 15px 70px 15px;max-width:1080px;width:100%;margin:0 auto;height:195px;background:#ae8ab7;color:#fff}
#shero h1 { font-family: 'Montserrat';   letter-spacing: 1px;color:#fff;font-size:44px !important;font-weight:300;}
#shero h1 span {padding-bottom:5px;display:block;font-size:28px}
#shero h1 br {display:none}
#shero p {font-weight:400;padding:10px 0 0 0;font-size:15px;line-height:1.4;max-width:490px;margin:0 auto}




#items {padding-bottom:50px;}
#items .container, #items .flex{height:100%}
#items .top.flex {align-items:flex-start}
#items .container {padding:0 40px;max-width:1107px}
#items .top {    position: relative;    z-index: 2;padding-bottom:70px;margin-top:-40px}
#items .top .img {box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);max-width:359px;width:100%;position:relative}


#items .top .img:after {
    background: url(../images/waves.png);
    width: 363px;
    height: 310px;
    content: '';
    position: absolute;
    top: 133px;
    right: 182px;
    z-index: -1;
    left: auto;
    background-size: 100%;
}





#items .top .img img {display:block;width:100%}
#items .top .text {padding-top:100px;width:calc(100% - 350px - 40px)}
#items .top .text .more {display:none}
#items .top .text .more p {padding-bottom:0;margin-top:20px}
#items .top .text .rm {cursor:pointer;margin-top:10px;display:inline-block;color:#ae8ab7;font-size:15px}
#items .top .text .rm b {vertical-align: -5px;font-size:30px;font-weight:500}
#items .top h2 {line-height:1.2;padding-bottom:20px;color:#000;font-size:25px !important;font-weight:600}
#items .top h2 span {color:#ae8ab7}
#items .top p {font-size:18px;line-height:25px}
#items .staff {   width: calc(100% + 30px); max-width:756px;  margin:0 auto;   justify-content: center;}
#items .staff .item {margin-top:30px;width:calc(33.33333333% - 30px);margin:30px 15px 0 15px}
#items .staff .item h4 {padding-bottom:5px;font-weight:700;color:#ae8ab7;font-size:17px !important}
#items .staff .item p {font-weight:300;color:#222;font-size:14px;line-height:1.2}
#items .staff .item img {box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
#items .staff .s-image  {
	height: 272px;
}

#contact {padding:50px 0;background:#a9ced8}
#contact h4 {line-height:1.2;font-weight:400;padding-bottom:30px;color:#fff;font-size:35px !important}
#contact a {display:inline-block;background:#b491bb;line-height:45px;height:45px;padding:0 10px;color:#fff;font-size:14px}

@media only screen and (max-width: 1200px) {
	
}

@media only screen and (min-width: 981px) {

}

@media only screen and (max-width: 980px) {
	#items .top .img {width:40%}
	#items .top .text{width:calc(60% - 30px)}
	#items .top p {    font-size: 16px;    line-height: 24px;}
	#items .top h2 {font-size:22px !important}
	#items .staff .item {width:calc(33.33333% - 20px);margin:30px 10px 0 10px}
}

@media only screen and (max-width: 767px) {
	#shero h1 {   font-size:30px !important}
	#shero h1 span {font-size:22px}
	#items .top.flex {flex-direction:column}
	#items .top .img,#items .top .text {width:100%}
	#items .top .img {margin:0 auto}
	#items .container {padding:0 15px}
	#items .top .text {text-align:center;padding-top:30px}
}

@media only screen and (max-width: 600px) {
	#items .top .img:after {
		top: 50px;
		right: 117px;
	}
}


@media only screen and (max-width: 500px) {
	#shero {    height: 100%;    padding-top:38vw;}
	#shero h1 span {font-size:5vw}
	#shero h1 {font-size:6vw !important}
	#shero p {padding-left:15px;padding-right:15px;font-size: 3.3vw;}
	#shero .box {height:auto;padding:30px 0 50px 0}
	#items .top {margin-top:-25px;padding-bottom:10px}
	#items .staff .item {width:calc(50% - 20px)}
	#contact h4 {font-size:28px !important}
}


@media only screen and (max-width: 430px) {
	#items .staff .item {text-align:center;width:100%;margin:30px 0 0 0}

	#items .staff .s-image  {
		height: 91vw;
	}
}