* {
    font-family: Arial, serif;
    box-sizing: border-box;
    color: #333;
    font-size: 17px;
    border: 0;
}

html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    margin: 0;
    padding: 0;
}

body {
    background: #d7d7d7;
}

.align-times-center {
    text-align: center;
}

ul,
ol {
    margin-bottom: 25px;
}

.brand__btn-box {
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    transition: box-shadow .15s,transform .15s;
    white-space: nowrap;
    will-change: box-shadow,transform;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    padding: 12px 20px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
}

.brand__btn-box:active {
    transform: translateY(2px);
    box-shadow: #3c4fe0 0 3px 7px inset;
}

img {
    max-width: 100%;
}

.brand__btn-box:hover {
    transform: translateY(-2px);
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.brand__btn-box:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

body {
    line-height: 1;
}

table tr:nth-child(odd) {
    background: #efefef;
    color: #fff;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin: 25px 0;
    border: 1px solid #efefef;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

table td {
    border: 1px solid #efefef;
    padding: 15px;
}

.section-of-content h1 {
    margin: 0 0 22px;
    font-size: 31px;
}

.brand__main-section {
    background: #d7d7d7;
}

.section-of-content li a {
    text-decoration: underline;
}

.section-of-content {
    background: #d7d7d7;
    margin-top: 80px;
    padding: 30px 15px;
}

.section-of-content h2 {
    margin: 0 0 22px;
    font-size: 24px;
}

.section-of-content p {
    margin-bottom: 22px;
    line-height: 2;
}

.section-of-content li {
    margin-bottom: 22px;
}

.brand__index-section {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 15px 0;
}

table {
    border-spacing: 0;
    margin: 0 0 25px;
    width: 100%;
}

td {
    text-align: left;
    font-weight: normal;
}

.brand__h-box {
    width: 100%;
    background: #efefef;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(239,239,239,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(239,239,239,1);
    box-shadow: 0px 5px 5px 0px rgba(239,239,239,1);
}

.brand__h-box-inner {
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand__h-box-inner span.brand__name {
    color: #5468ff;
    cursor: pointer;
    padding-top: 9px;
    font-weight: bold;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 1;
}

.brand__bottom-section {
    text-align: center;
    color: #fff;
    background: #efefef;
    padding: 20px 15px;
}

@media (max-width: 620px) {
    .brand__h-box-inner span.brand__name {
        font-size: 22px;
        margin: 15px 0;
        padding: 0;
        line-height: 1;
    }
    .brand__h-box-inner {
        flex-direction: column;
    }
    .brand__h-box {
        position: unset;
    }
    .section-of-content {
        margin-top: 0;
    }
    .brand__btn-box {
        margin: 5px 0;
        font-size: 13px;
        padding: 12px 20px;
    }
}