/* From MatJek's main.css... */
body{
    display:flex;
    min-height:100vh;
    flex-direction:column
}

/*
a{
    color:#bdbdbd
}
a:hover{
    text-decoration:underline
}
a:active{
    text-decoration:underline;
}
*/

main{
    flex:1 0 auto
}
header,main,footer{
    padding-left:300px
}
.container{
    width:90%
}
header{
    height:80px
}
header a:hover{
    text-decoration:none
}
header .background{
    background:-webkit-linear-gradient(90deg, #3AA17E 10%, #00537E 90%);
    background:linear-gradient(90deg, #3AA17E 10%, #00537E 90%)
}
a.button-collapse.top-nav{
    position:absolute;
    text-align:center;
    height:48px;
    width:48px;
    top:0;
    float:none;
    color:#fff;
    font-size:36px;
    z-index:999;
    line-height:80px
}
nav .page-title{
    font-size:36px;
    font-weight:bold;
    line-height:80px
}
nav.top-nav{
    height:80px
}
footer.page-footer{
    margin-top:10px
}
footer.page-footer .row{
    margin-bottom:0px
}
footer.page-footer p{
    margin-top:5px
}

/*
blockquote{
    border-left-color:teal
}
*/

@media only screen and (max-width: 992px){
    header,main,footer{
        padding-left:0
    }
    nav .nav-wrapper{
        text-align:center
    }
}
@media only screen and (max-width: 600px){
    nav .page-title{
        font-size:20px
    }
}
/* End MatJek's main.css */