body {
    background-image:url('/static/topo.png');
}

h1, h2, h3, h4, h5, h6, p, a, li, div {
    font-family:'Source Sans 3', sans-serif;
}

h1 {
    font-size:42px;
}

h2 {
    font-size:32px;
}

h3 {
    font-size:24px;
}

li {
    list-style:none;
}

.maintext h2 {
    font-size:26px;
}

.banner {
    width:100%;
    height:fit-content;
    position:relative;
}

.manfredi p {
    font-size:18px;
}

.infoblock {
    padding-top:50px!important;
    padding-bottom:50px!important;
}

.infoblock h2, .infoblock p {
    color:#bdbdbd;
}

.infoblock p {
    font-size:18px;
}

.textblock {
    background-color:#00adef;
    padding-top:50px!important;
    padding-bottom:50px!important;
}

.textblock h2, .textblock p {
    color:#002b49;
}

.textblock p, .statsblock p {
    font-size:18px;
}

.footer p, .footer h4 {
    color:#cecece;
    font-size:20px;
}

.card img {
    height: 200px!important;
}

@media only screen and (max-width:1601px){
    .banner {height:634px!important;}
    .menu .item {font-size:16px!important;}
    .statblock .ten {min-width:100%!important;}
    .maintext {padding-top:375px!important;}
}

@media only screen and (max-width:900px){
    .mobhide {display:none!important;}
    .manfredi h2 {font-size:28px!important;}
    .banner {background-image:none;height:95px!important;max-width:100%!important;padding-left:5px;padding-right:5px;}
    .banner video {display:none!important;}
    .imgitem, .midimg {display:none!important;}
    .navbar .menu .item {margin:auto!important;font-size:16px;color:#121212!important;}
    .headline {margin-top:20px;}
    .midimg {display:none;}
    .ten, .eleven {text-align:center!important;}
    .navbar {margin:auto!important;}
    .mobilelogo {display:block;width:75%!important;margin:auto!important;}
    .mobilelogo img {width:75%;}
    .tiptop .two {text-align:center;margin:auto;}
    .tiptop .seven {display:none!important;}
    .tiptop {text-align:center;}
    .navbar .one {display:none!important;}
    .mobimg {display:block;margin-top:25px;margin-bottom:25px;width:80%;}
    .ui.stackable.menu .left.menu {margin-right:-100px!important;}
    .maintext {margin-top:750px!important;max-width:100%!important;min-width:100%!important;padding-left:20px!important;text-align:center!important;min-width:100%!important;}
    .maintext .six {min-width:80%;}
    .statblock .ten {max-width:80%!important;}
    .statblock div {max-width:100%!important;}
    .infoblock .three, .textblock .three {max-width:8%;}
    .infoblock .ten, .textblock .ten {min-width:85%;}
    .textblock {min-width:100%!important;}
    .statsbox {margin-left:3px!important;}
    .statblock .value, .statblock .label {margin:auto!important;padding:auto!important;}
    .statblock .ten {min-width:100%;}
    .textblock {min-width:100%!important;}
    .footbox {background-image:none!important;background-color:#121212;max-height:fit-content!important;}
    .click {margin:25px auto !important;}
    .click iframe {width:99%;height:180px;}
    .bantext {margin-top:50px !important;}
    .footbox {max-width:100%!important;padding-left:15px!important;}
    .manfredi .four img {margin-bottom:-50px;}
}

@media only screen and (max-width: 767px){
    .ui.stackable.menu .item {width: inherit !important;}
    #coltext {width: 100% !important;max-width: 100% !important;min-width: 100% !important;padding: 0 !important;margin-left: auto !important;margin-right: auto !important;}
    .toptext .column, .midtext .column, .bottext .column {width:100%!important;max-width:100%!important;margin: auto!important;min-width:100%!important;}
}