html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 100%;
}
body {
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #0c0c0c;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    font-family: 'Muli', sans-serif;
    font-size: 1.125rem;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
blockquote,
figure,
ol,
ul {
    margin: 0;
    padding: 0;
}
p {
    margin: 0 0 25px 0;
    padding: 0;
}
p:last-of-type {
    margin: 0 0 10px 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
main,
li {
    display: block;
}
h1,
h2,
h3,
h4 {
    font-size: inherit;
}
strong {
    font-weight: 600;
}
a,
button {
    color: inherit;
    transition: .3s;
}
a {
    /*text-decoration: none;*/
}
button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer;
}
textarea {
    resize: vertical;
}
input {
    /*-webkit-appearance:caret;*/
}
select {
    -webkit-appearance:none;
}
::-moz-focus-inner {
    padding: 0;
    border: 0;
}
:focus {

}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
time {
    font-style: italic;
    font-size: 12px;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.invisible {
    visibility: hidden;
}
.hidden {
    display: none !important;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}

body::-webkit-scrollbar {
    height: 15px;
    width: 15px;
    background-color: rgb(70, 71, 70);
}
body::-webkit-scrollbar-thumb {
    background-color: rgb(0, 154, 166);
}
body::-webkit-scrollbar-corner {
    background: rgba(179,188,199,0.4);
}
.scroll-flavoured::-webkit-scrollbar {
    height: 15px;
    width: 15px;
    background-color: rgba(255,255,255,0.2);
}
.scroll-flavoured::-webkit-scrollbar-thumb {
    background: rgba(136,144,153,0.7);
}
.scroll-flavoured::-webkit-scrollbar-corner {
    background: rgba(179,188,199,0.4);
}
@media only screen and (max-width: 600px) {
    .scroll-flavoured::-webkit-scrollbar {
        width: 2px;
    }
}
.hide {
    display: none !important;
}
.clear {
    clear: both;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {
        overflow-x: hidden;
    }
}
@supports (-ms-ime-align:auto) {
    body {
        overflow-x: hidden;
    }
}
@media only screen and (max-width: 800px) {
    body {
        font-size: 1rem;
    }
}