body{
   font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    margin:0;
    width: 100%;
}

.header{
    margin-top: 30px;
    margin-bottom: 30px;
    z-index: 1;  
}

.navi-bar-elements{
    display: inline-block;
    margin-right: 60px;
}

.navi-link:link{
    text-decoration: none;
    color: #4a4a4a;
}

.navi-link:hover{
    text-decoration:none;   
}

.sub-navi-bar-elements{
    display: inline-block;
    margin-right: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sub-navi-link{
    text-decoration: none;
    color: #4a4a4a;
}

.sub-navi-link:hover{
    text-decoration: underline;
    color: #4a4a4a;
}

.selected{
    border-bottom: #4a4a4a 2px solid;
}


.bg-light {
    background-color: #FAFAFA;

}

.contents{
    margin-bottom: 30px;
    margin-top: 30px;
}


.body-text{
    font-size: 110%;
    line-height: 170%;
}

h4{
    line-height: 150%;
}

.primary-button{
    padding:8px 10px;
    border-radius: 1px;
    background-color: #009888;
    border: none;
    color: white;
}

.regular-link:link{
    text-decoration: underline;
    color: #4a4a4a;
}

.regular-link:visited{
    text-decoration: none;
    color: #4a4a4a;
}

footer{
    margin-top: 60px;
    margin-bottom: 20px;
    color:#4a4a4a;

}