* {
    padding: 0;
    margin: 0;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
.smooth-container {
    scroll-behavior: smooth;
}

@media screen and (min-width: 480px) and (max-width: 719px) {
    main .container {
        padding: 16px 0;
    }
    .container {
        width: calc(100% - 24px);
        margin: 0 12px;
        max-width: unset;
    }
    html {
        font-size: 10px;
    }
}
@media screen and (min-width: 720px) and (max-width: 1023px) {
    main .container {
        padding: 32px 0;
    }
    .container {
        width: 720px;
        margin: 0 auto;
    }
    html {
        font-size: 12px;
    }
}
@media screen and (min-width: 1024px) {
    main .container {
        padding: 64px 0;
    }
    .container {
        width: 1000px;
        margin: 0 auto;
    }
    html {
        font-size: 14px;
    }
}

a {
    text-decoration: none;
    color: #00a6fb;
}
a:hover { color: #006aa0; }

h1 { font-size: 3em; line-height: 1.1; }
h2 { font-size: 2em; line-height: 1.15; }
h3 { font-size: 1.5em; line-height: 1.2; }
h5 { font-size: 1.25em; line-height: 1.25; }
h6 { font-size: 1em; line-height: 1.3; }

.black-grey-text { color: rgba(0, 0, 0, 0.5); }

.width-100 { width: 100%!important; }
.no-margin { margin: 0!important; }
.no-margin-top { margin-top: 0!important; }
.no-margin-bottom { margin-bottom: 0!important; }
.margin-top-4px { margin-top: 4px!important; }
.margin-top-8px { margin-top: 8px!important; }
.margin-top-12px { margin-top: 12px!important; }
.margin-top-16px { margin-top: 16px!important; }
.margin-bottom-8px { margin-bottom: 8px!important; }
.margin-left-16px { margin-left: 16px!important; }
.margin-right-48px { margin-right: 48px!important; }
.no-padding { padding: 0!important; }
.no-padding-top { padding-top: 0!important; }
.no-padding-bottom { padding-bottom: 0!important; }
.padding-bottom-16px { padding-bottom: 16px!important; }
.font-weight-100 { font-weight: 100!important; }
.text-shadow-black { text-shadow: 0 1px 50px #000; }
.text-shadow-white { text-shadow: 0 1px 50px #fff; }
.great-vibes-font { font-family: 'Great Vibes', 'Roboto', sans-serif; }

.floating-right { float: right!important; }
.floating-left { float: left!important; }

.border-radius-4px { border-radius: 4px; }
.box-shadow { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); }