#masthead {
margin-bottom:0;
text-align: center;
background: initial;
background-color: #ffffff;
}

#masthead .container.landing .masthead-logo {
margin-left:0;
margin-top:22px;
margin-bottom:22px;
max-width:100%
}

#landing-content-wrapper {
background-color:#e8e8e8
}

#landing-content-container {
background-image:url(/sites/default/themes/hrs/images/landing/bg-content.png);
background-position:center;
padding:0;
position:relative;
margin-bottom:0;
text-align:center
}

#landing-piegraph {
padding:15px 15px 0;
text-align:center
}

#landing-piegraph img {
width:250px
}

#landing-content-container p#landing-slogan {
color:#000;
font-size:20px;
padding-left:15px;
padding-right:15px;
max-width:460px;
margin:5px auto 15px
}

#landing-content-links h2 {
color:#fff;
font-size:26px;
font-weight:400;
padding:10px 18px;
background-color:rgba(0,138,176,0.75);
margin:0;
background:-moz-linear-gradient(left,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.5) 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,rgba(0,138,176,0.875)),color-stop(0%,rgba(0,138,176,0.5)),color-stop(100%,rgba(255,255,255,0.875)));
background:-webkit-linear-gradient(left,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.5) 100%);
background:-o-linear-gradient(left,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.5) 100%);
background:-ms-linear-gradient(left,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.5) 100%);
background:linear-gradient(to right,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.875) 0%,rgba(0,138,176,0.5) 100%)
}

#landing-content-links a.link-title:active, #landing-content-links a.link-title:hover{
text-decoration:none;
}

p.go-btn {
}

p.go-btn {
background-color:rgba(255,255,255,0.7);
color:#000;
font-size:20px;
padding-bottom:18px;
}

#landing-content-links #researchers p.go-bt {
margin-bottom:25px
}

.btn-arrow,.btn-txt {
}

a.btn-txt  {
color: #000000;
text-decoration:none;
}

a.btn-txt:active, a.btn-txt:hover {
color: #004356;
text-decoration:none;
}

a.link-title:hover + p.go-btn a.btn-txt {
color: #004356;
}

.btn-arrow {
font-size:23px;
}

a:active .btn-txt,a:hover .btn-txt {
border-bottom:1px solid #000
}

#landing-footer,#landing-content-container h1,#landing-content-links,#masthead {
max-width:550px;
margin-right:auto;
margin-left:auto
}

#landing-footer-wrapper {
margin-top:0;
margin-bottom:20px
}

#landing-footer {
color:#6d6f71;
padding-bottom:20px;
padding-top:40px
}

@media (min-width: 768px) {
.container {
width:100%
}

#masthead {
text-align:left;
background: initial;
background-color: #ffffff;
}

#masthead .container.landing .masthead-logo {
margin:22px 0 22px 40px
}

#landing-content-container {
text-align:left;
height:575px
}

#landing-content-container p#landing-slogan {
max-width:775px;
font-size:42px;
line-height:1.2;
padding-left:40px;
margin:25px 0 0
}

#landing-footer,#landing-content-container h1,#landing-content-links,#masthead {
max-width:100%
}

#landing-content-links {
background-image:url(/sites/default/themes/hrs/images/landing/pie.png);
height:575px;
padding:0;
background-size:initial;
padding-left:15px;
padding-right:15px;
max-width:960px;
background-position:top;
background-repeat:no-repeat
}

#landing-content-links #researchers {
width:50%;
float:left;
margin-top:310px
}

#landing-content-links #participants {
width:50%;
float:right;
margin-top:108px
}

#landing-content-links h2 {
font-size:30px
}

#landing-content-links #researchers h2 {
background:-moz-linear-gradient(left,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.0725) 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,rgba(0,138,176,0.75)),color-stop(0%,rgba(0,138,176,0.75)),color-stop(100%,rgba(0,138,176,0.0725)));
background:-webkit-linear-gradient(left,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.0725) 100%);
background:-o-linear-gradient(left,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.0725) 100%);
background:-ms-linear-gradient(left,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.0725) 100%);
background:linear-gradient(to right,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.75) 0%,rgba(0,138,176,0.0725) 100%)
}

#landing-content-links #participants h2 {
background:-moz-linear-gradient(left,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.75) 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,rgba(0,138,176,0.0725)),color-stop(0%,rgba(0,138,176,0.0725)),color-stop(100%,rgba(0,138,176,0.75)));
background:-webkit-linear-gradient(left,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.75) 100%);
background:-o-linear-gradient(left,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.75) 100%);
background:-ms-linear-gradient(left,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.75) 100%);
background:linear-gradient(to right,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.0725) 0%,rgba(0,138,176,0.75) 100%)
}

a.btn-txt, a.btn-txt:active, a.btn-txt:hover {
text-decoration:underline;
}

p.go-btn {
background-color:rgba(255,255,255,0);
font-size:18px
}

#researchers p.go-btn {
text-align:right
}

#participants p.go-btn {
padding-left: 20px;
}

.btn-arrow {
font-size:25px
}

#landing-footer {
padding-left:40px;
padding-top:0;
margin-top:40px
}

#landing-footer p {
max-width:550px
}
}

@media (min-width: 992px) {
.container {
width:100%
}

#landing-content-links {
background-position:170px 1px
}

#landing-content-links h2 {
font-size:32px
}

#landing-content-links #researchers {
width:465px;
margin-left:0
}

#landing-content-links #participants {
width:380px
}

#researchers p.go-btn {
padding-left: 10px;
text-align:left
}

#participants p.go-btn {
padding-right: 10px;
text-align:right
}


}

@media (min-width: 1200px) {
.container {
width:1170px
}
}