body{
    background-color: #ffffff;
    font-family: "Lato";

}

button{
    border: 1px solid gray;
    background-color: #eeeeee;
    color: #222222;
}

footer{
    padding-bottom: 10px;
}

.user-statement{
    font-size: 0.85em;
}

.no-border{
    border-color: transparent !important;
    background: transparent !important;
}

.innercontent img{
    border: white 6px solid;
    background: white;
}
.innercontent{
    font-weight: lighter;
    padding-left:15px;
    padding-right:15px;
    background: white;
    min-height: 400px;
}

.row{
    padding-bottom: 15px;
}

.copyright{
    font-family: 'Economica', sans-serif;
    color: #999;
    font-weight: normal;
    font-size: 1em;

}

.article h4{
    font-weight: bold;
}

.small{
    font-weight: lighter;
    font-size: 0.5em;
}

li{
    font-size: 1em;
}

h1{
    padding-top: 10px;
    font-family: "Lato";
    font-size: 1.6em;
    font-weight: lighter;
}
h2{
    padding-top: 10px;
    font-family: "Lato";
    font-size: 1.2em;
    font-weight: lighter;
}
h3{
    padding-top: 10px;
    font-family: "Lato";
    font-size: 1.2em;
    font-weight: lighter;
}

h4{
    padding-top: 8px;
    font-family: "Lato";
    font-size: 1em;
    font-weight: lighter;
}

p{
    /*padding-bottom: 4px;*/
}

textarea {
    resize:none;
    min-height:100px;
    max-height:300px;

}

#warning{
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 300px;
    color: red;
    font-weight: bold;
}

.sf-page{
    background: #f8f8f8;

}

.sf-nav-container{
    /*background: #f8f8f8;*/
    padding-bottom: 20px;
}

.sf-nav{
    color: #0e0e0e;
    font-size: 1.5em;
    padding-top: 40px;
}

.sf-nav > a{
    padding:8px;
    padding-left: 0px;
}

.sf-logo{
    padding-top: 20px;
    max-width: 100px;
}

.header-bar{
    background-image: url("../cache/header-grey.png");
    /*background-image: url("../cache/header.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
}


/*.navbar-toggler-icon{*/
/*    background-color: #fafafa;*/
/*    height: 2em;*/
/*    width: 2em;*/
/*}*/

/*#navbar a span{*/
/*    padding-top: 6px;*/
/*    display: block;*/
/*    font-size: 1.6em;*/
/*}*/

/*.nav-small span{*/
/*    !*padding-top: 8px !important;*!*/
/*    font-size: 1em !important;*/
/*    margin-top: 0.7em;*/

/*    color:  #333333;*/
/*}*/


/*!* Create a sticky/fixed navbar *!*/
/*#navbar {*/
/*    overflow: hidden;*/
/*    !*background-color: #0f94d6;*!*/
/*    padding: 15px 15px; !* Large padding which will shrink on scroll (using JS) *!*/
/*    transition: 0.4s; !* Adds a transition effect when the padding is decreased *!*/
/*    position: fixed; !* Sticky/fixed navbar *!*/
/*    width: 100%;*/
/*    top: 0; !* At the top *!*/
/*    z-index: 99;*/
/*}*/

/*!* Style the navbar links *!*/
/*#navbar a {*/
/*    float: left;*/
/*    color: black;*/
/*    text-align: center;*/
/*    padding-right: 8px;*/
/*    padding-left: 8px;*/
/*    text-decoration: none;*/
/*    !*font-size: 1em;*!*/
/*    !*line-height: 25px;*!*/
/*    border-radius: 4px;*/
/*}*/

/*!* Style the logo *!*/
/*#navbar #logo > a > img {*/
/*    max-width: 130px;*/
/*    transition: 0.4s;*/
/*}*/

/*!* Links on mouse-over *!*/
/*#navbar a:hover {*/
/*    background-color: #c70f16;*/
/*    color: black;*/
/*}*/

/*!* Style the active/current link *!*/
/*#navbar a.active {*/
/*    background-color: #c70f16;*/
/*    color: white;*/
/*}*/

/*!* Display some links to the right *!*/
/*#navbar-right {*/
/*    float: right;*/
/*}*/

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
/*@media screen and (max-width: 1580px) {*/
/*    #navbar {*/
/*        padding: 0px 10px !important; !* Use !important to make sure that JavaScript doesn't override the padding on small screens *!*/
/*        font-size: 1em;*/
/*    }*/
/*    #navbar a {*/
/*        float: none;*/
/*        display: block;*/
/*        text-align: left;*/
/*    }*/
/*    #navbar-right {*/
/*        float: none;*/
/*    }*/
/*}*/