@import "variables.scss";
.wtotem_body *,
.wtotem_body *:after,
.wtotem_body *:before {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
.wtotem_body {
    line-height: 24px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: $c-titles;
    font-weight: 400;
}

.wtotem_body ol,
.wtotem_body ul {
    list-style: none;
}

.wtotem_body a {
    text-decoration: none;
}
.wtotem_body a:hover {
    text-decoration: none;
}

.wtotem_body h1,
.wtotem_body h2,
.wtotem_body h3,
.wtotem_body h4,
.wtotem_body h5 {
    color: #5e6977;
    font-weight: 700;
}
@import "blocks.scss";

@import "header.scss";
@import "footer.scss";
// 1-dashboard-page/
@import "1-dashboard-page/1-content_overall.scss";
@import "1-dashboard-page/2-content_firewall.scss";
@import "1-dashboard-page/3-content_chart.scss";
@import "1-dashboard-page/4-content_antivirus.scss";
@import "1-dashboard-page/5-6-content_tables.scss";
// 2-firewall-page/
@import "2-firewall-page/1-content_map.scss";
// 3-antivirus-page/
@import "3-antivirus-page/2-content_file-status.scss";

// other pages
@import "welcome-page/welcome.scss";
@import "options-page/options.scss";
@import "services-page/services.scss";

// state - warr, err, spinner
@import "state.scss";
@import "errors.scss";

@import "chart.scss";

// dark theme
@import "dark-theme.scss";

/* 992-1100px lg  Large */
@media screen and (max-width: 1100px) {
    .wtotem_container {
        max-width: 960px;
    }
}
/* 768-992px md  Medium */
@media screen and (max-width: 992px) {
    .wtotem_container {
        max-width: 720px;
    }
}
/* 576-768px sm  Small */
@media screen and (max-width: 768px) {
    .wtotem_container {
        max-width: 540px;
    }
    .wtotem_content {
        padding-top: 19px;
    }
}
/* 375-576px     Extra small */
@media screen and (max-width: 576px) {
    .wtotem_container {
        max-width: 345px;
    }
}
/* 320-375px     Extra small */
@media screen and (max-width: 374px) {
    .wtotem_container {
        max-width: auto;
        padding: 0 10px;
    }
}

/* 992-1100px lg  Large */
@media screen and (max-width: 1100px) {
}
/* 768-992px md  Medium */
@media screen and (max-width: 992px) {
}
/* 576-768px sm  Small */
@media screen and (max-width: 768px) {
}
/* 375-576px     Extra small */
@media screen and (max-width: 576px) {
}

/* 320-375px     Extra small */
@media screen and (max-width: 576px) {
}