body{
    font-family: 'Open Sans', sans-serif;

    background:url("/assets/health/pattern.png") repeat top center #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a{
    color:#008def;
}

h1,.h1{
    font-family: 'Poiret One', cursive;
    font-size: 3rem;
}

.h1--contest{
    font-family: 'Roboto', sans-serif;
    font-size:2rem;
    font-weight:400;
    margin-top:1em;
    margin-bottom:1em;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    color:#2b7abf;
}

h2,.h2,h3,.h3{
    font-family: 'Open Sans', sans-serif;
    margin-top:1em;
    margin-bottom:0.5em;
}


.mainpage{
    height:940px;
    background:white;
    position:relative;
}

.mainpage__bglayer{
    position:relative;
    height:940px;
}

.mainpage__bg, .mainpage__gradient{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
}

.mainpage__bg{
    background: url("/assets/health/mainpage-bg.jpg") 50% bottom no-repeat;
    background-size: cover;
    top: 200px;
}
.mainpage__gradient{
    bottom:300px;


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


.container--mainpage{
    position:relative;
    margin-top:-940px;
}

.container--inner{
    background:#fff;
}

.container--mainpage .content{
    margin-top: 480px;
}

.content{
    background:#fff;
}

.content h1, .content .h1{
    text-align:center;
}

h1{
    font-weight: normal;
    font-size: 2.3rem;
    margin-top: 1.4em;
    margin-bottom: 0.6em;
}


.container[role=main]{
    margin-bottom:65px;
}


.header{
padding-top:1.5rem;
}

.header__bottom{
    padding-top: 2.25rem;
}


.footer{   

background: #4eb9c2;
font-size: 0.87rem;
color: white;
padding-top: 1.5rem;
padding-bottom:3rem;
margin-top:4rem;

padding-left: 0.9rem;
padding-right: 0.9rem;
line-height: 1.24;



}

.header__top .row a{
    text-decoration:underline;
}

.logo{
background: url(/assets/health/logo.png) no-repeat;
background-size: contain;
display:inline-block;
width:128px;
height:82px;
}



.header__logo__text{
    margin-top: 0.7rem;

}

.header__logo__text p{
    margin:0;
    color: #1c5281;
}

.header__logo__text .h1{
    margin-top:7px;
}

.header__logo{

text-align:center;
margin-top: 7px;
}

.header__bottom .nav{
    align-items: center;
    justify-content: center;
}

.header__bottom .nav-link{
    background: #4db8c2;
    color: white;
    border-radius: 5px;
    border: 1px solid #4aa7af;
    box-shadow: 0px 10px 23px 0px rgba(0,0,0,0.3);
    margin: 0 8px;
    padding: 6px 15px;
}


.message{
font-size:1.2rem;
padding:15px 10px;
margin:10px auto 20px;
border-radius: 5px;
width:66%;
min-width:300px;

}

.message.success{
color:green;
background: #e4ffe2;
}

.message.error{
color:red;
background: #ffded8;
}


.brush-background{


}

.brush-background a{
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
min-width:100px;
text-align:center;
padding-left:30px;
padding-right:30px;

font-weight:bold;
font-size:1rem;
color:black;
transition: all 0.3s ease;
line-height:24px;
height:40px;
color:white;

}
/*
.brush-background a:hover{
font-size:1.55rem;
font-weight:bold;
}*/

.brush-background--1 a,.brush-background--6 a{background-image:url(/assets/brush/1.jpg);color:white;}
.brush-background--2 a{background-image:url(/assets/brush/2.jpg);color:red;}
.brush-background--3 a,.brush-background--7 a{background-image:url(/assets/brush/3.jpg);color:#000d77}
.brush-background--4 a{background-image:url(/assets/brush/6.jpg);}
.brush-background--5 a{background-image:url(/assets/brush/5.jpg);}



form .btn-primary{
display:block;
margin-left:auto;
margin-right:auto;
}

.control-label{
font-weight:bold;
}


.project__work__container{
height:550px;
text-align:center;
}

.project__work__container--thumb{
height:60px;
width:120px;
}

.project__work__img{
max-height:100%;
max-width:100%;
}