@import 'bootstrap.css';

html {
    font-family: 'Roboto', sans-serif;

    background-color: #fefdfd;
}
body {
    background-color: #fefdfd;
}

h1{

    margin-top: 1rem;
    margin-bottom: 3rem;
}
h2 {
    margin-top: 4rem;
}
h1, h2, h3{
    color: #11191f;
}
h4, h5, h6{
    color: white;
}

ul {
    list-style-type: none;
}

.infoPanel{
    border: solid 1px transparent;
    border-radius: 12px;
    margin: 1rem;
    padding: 1rem;
    background-color: #eee;
}

.infoPanel:hover {
    background-color: #fff;
    border-color: #8B0000;
}

.uppercase{    
    text-transform: uppercase;
}

.container{
        min-width: 800px;
}

/********************/
.logo_red {
    color: #8B0000;
}
.logo_lake {
    color: #00008B;
}

.container {
    background-color: transparent;
}

.footer {
    margin-top: 3rem;
    padding: 3rem;
    background-color: #11191f;
    width: 100%;
    color: #aaa9af;
    border-top: solid 1px #aaa9af;
}

.footer .bottom{
    margin-top: 3rem;
}

a,.red{color: #c33;}

input.redbg:hover,input.redbg:focus{border-color: #f99;}
button.redbg{border-color: #c33; background-color: #c33;}
button.redbg:hover{border-color: #f99; background-color: #f66;}
.small {font-size:60%;}
div2 {
    border: solid 1px red;
}