/* global */

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: "montserrat", sans-serif;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

/* end of global */

@media(min-width: 1366px) {
    #left-quote {
        float: left;
        font-size: 100px;
        color: #1111ba;
    }
    #right-quote {
        float: right;
        font-size: 100px;
        color: #1111ba;
    }
    .article-container {
        margin: 50px auto;
        width: 60%;
    }
    .article-container img {
        max-width: 100%;
        height: auto;
    }
    .tr-caption {
        color: #616161 !important;
    }
    .article-container,
    .article-container span,
    .article-container div,
    .article-container td,
    .article-container p,
    .article-container div {
        margin: 15px auto;
        font-size: 20px;
        font-weight: 400;
        color: #444444;
        line-height: 1.5;
        overflow-wrap: break-word;
        max-width: 100%;
    }
    .article-container a {
        font-size: 20px;
        font-weight: 500;
        color: #1111ba;
        text-decoration: none;
        line-height: 1.5;
    }
    .article-container a:hover {
        text-decoration: underline;
    }
    .article-container h1,
    .article-container h2,
    .article-container h1 span,
    .article-container h2 span {
        margin: 15px auto;
        font-size: 30px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container h3,
    .article-container h4,
    .article-container h3 span,
    .article-container h4 span {
        margin: 15px auto;
        font-size: 25px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container iframe {
        width: 100%;
        height: 500px;
    }
}

@media(max-width: 1366px) and (min-width: 1024px) {
    #left-quote {
        float: left;
        font-size: 80px;
        color: #1111ba;
    }
    #right-quote {
        float: right;
        font-size: 80px;
        color: #1111ba;
    }
    .article-container {
        margin: 50px auto;
        width: 70%;
    }
    .article-container img {
        max-width: 100%;
        height: auto;
    }
    .tr-caption {
        color: #616161 !important;
    }
    .article-container,
    .article-container span,
    .article-container div,
    .article-container td,
    .article-container p,
    .article-container div {
        margin: 15px auto;
        font-size: 20px;
        font-weight: 400;
        color: #444444;
        line-height: 1.5;
        overflow-wrap: break-word;
        max-width: 100%;
    }
    .article-container a {
        font-size: 20px;
        font-weight: 500;
        color: #1111ba;
        text-decoration: none;
        line-height: 1.5;
    }
    .article-container a:hover {
        text-decoration: underline;
    }
    .article-container h1,
    .article-container h2,
    .article-container h1 span,
    .article-container h2 span {
        margin: 15px auto;
        font-size: 30px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container h3,
    .article-container h4,
    .article-container h3 span,
    .article-container h4 span {
        margin: 15px auto;
        font-size: 25px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container iframe {
        width: 100%;
        height: 500px;
    }
}

@media(max-width: 1024px) and (min-width: 769px) {
    #left-quote {
        float: left;
        font-size: 60px;
        color: #1111ba;
    }
    #right-quote {
        float: right;
        font-size: 60px;
        color: #1111ba;
    }
    .article-container {
        margin: 50px auto;
        width: 80%;
    }
    .article-container img {
        max-width: 100%;
        height: auto;
    }
    .tr-caption {
        color: #616161 !important;
    }
    .article-container,
    .article-container span,
    .article-container div,
    .article-container td,
    .article-container p,
    .article-container div {
        margin: 15px auto;
        font-size: 20px;
        font-weight: 400;
        color: #444444;
        line-height: 1.5;
        overflow-wrap: break-word;
        max-width: 100%;
    }
    .article-container a {
        font-size: 20px;
        font-weight: 500;
        color: #1111ba;
        text-decoration: none;
        line-height: 1.5;
    }
    .article-container a:hover {
        text-decoration: underline;
    }
    .article-container h1,
    .article-container h2,
    .article-container h1 span,
    .article-container h2 span {
        margin: 15px auto;
        font-size: 30px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container h3,
    .article-container h4,
    .article-container h3 span,
    .article-container h4 span {
        margin: 15px auto;
        font-size: 25px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container iframe {
        width: 100%;
        height: 500px;
    }
}

@media(max-width: 769px) {
    #left-quote {
        float: left;
        font-size: 50px;
        color: #1111ba;
    }
    #right-quote {
        float: right;
        font-size: 50px;
        color: #1111ba;
    }
    .article-container {
        margin: 50px auto;
        width: 100%;
    }
    .article-container img {
        width: 100%;
        height: auto;
    }
    .tr-caption {
        color: #616161 !important;
    }
    .article-container,
    .article-container span,
    .article-container div,
    .article-container td,
    .article-container p,
    .article-container div {
        margin: 15px auto;
        font-size: 17px;
        font-weight: 400;
        color: #444444;
        line-height: 1.5;
        overflow-wrap: break-word;
        max-width: 100%;
    }
    .article-container a {
        font-size: 15px;
        font-weight: 500;
        color: #1111ba;
        text-decoration: none;
        line-height: 1.5;
    }
    .article-container a:hover {
        text-decoration: underline;
    }
    .article-container h1,
    .article-container h2,
    .article-container h1 span,
    .article-container h2 span {
        margin: 15px auto;
        font-size: 25px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container h3,
    .article-container h4,
    .article-container h3 span,
    .article-container h4 span {
        margin: 15px auto;
        font-size: 20px;
        font-weight: 600;
        color: #1111ba;
        line-height: 1.5;
    }
    .article-container iframe {
        width: 100%;
        height: 500px;
    }
}