/*  sgtc-rd.css
**  rd= responsive design
** employs a "mobile-first" approach with min-width media queries
*/

@media(min-width: 425px){
    .w-grd-2col {
        margin-left:8%;
        margin-right:8%;
    }
    .w-chapter-topics {
        margin-left:20%;
        margin-right:20%;
    }
}

@media (min-width: 720px) {
    .w-bc{
        display:flex;
    }
    .w-bc-lower{
        display:flex;
    }
    .w-bc-fb{
        display:flex;
    }
    .w-tabBar-fb{
        display:none;
    }
    .w-tabBar{
        display:none;
    }
    .icon-vis-toggle{
        display: block;
    }
    .w-grd-2col {
        margin-left:20%;
        margin-right:15%;
    }
    .w-chapter-topics {
        margin-left:25%;
        margin-right:20%;
    }
    .w-L1main{
        padding-bottom:0;
    }
}

@media (min-width: 1024px) {
    .w-grd-2col {
        margin-left:25%;
        margin-right:20%;
    }
    .w-chapter-topics {
        margin-left:30%;
        margin-right:25%;
    }
}

@media (min-width: 1280px) {
    .font-def {
        font-size: 1.25rem;
    }
    .font-def-plus {
        font-size: 2.25rem;
    }
    .font-def-minus {
        font-size: 1rem;
    }
    .font-def-minus2 {
        font-size: 0.75rem;
    }
    .header-logo {
        width: 6em;
        height: 6em;
    }
    .w-grd-2col {
        margin-left: 30%;
        margin-right: 25%;
    }
    .w-chapter-topics {
        margin-left: 30%;
        margin-right: 25%;
    }
}

@media (min-width: 1536px) {
    .font-def{
        font-size:1.5rem;
    }
    .font-def-plus{
        font-size:2.75rem;
    }
    .font-def-minus {
        font-size:1.25rem;
    }
    .font-def-minus2 {
        font-size:1rem;
    }
    .header-logo {
        width:7em;
    }
}

@media (min-width: 1920px) {
    .font-def{
        font-size:2rem;
    }
    .font-def-plus{
        font-size:3rem;
    }
    .font-def-minus {
        font-size:1.75rem;
    }
    .font-def-minus2 {
        font-size:1.5rem;
    }
    .header-logo {
        width:8em;
    }
    .w-grd-2col{
        margin-top:6em;
    }
}