* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --black: #000000;
    --white: #ffffff;
    --blue: #14356A;
    --skyblue: #367EF0;
    --green: #36A469;
    --darkgray: #3A3A3A;
    --gray: #5B5B5B;
    --lightgray: #F3F3F3;
}

html,
body {
    font-size: 10px;
    line-height: 1.3;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    background: var(--white);
    position: relative;
}

strong {
    font-weight: 700;
}

p,
ul,
li {
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--black);
    margin-bottom: 0;
}

u {
    text-decoration: underline;
}

i {
    font-style: italic;
}

@media screen and (min-width: 1500px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1408px;
    }
}

a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

section {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 575px) {
    .container {
        width: auto;
        margin-left: 36px;
        margin-right: 36px;
        padding-left: 0;
        padding-right: 0;
    }

    .ratee div {
        max-width: 7.4rem;
    }
}

@media screen and (max-width: 374px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: .75rem;
        padding-right: .75rem;
    }
}