/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

@media screen and (max-width:999px) {

	#content.site-content, .site-content {padding:0 0px;}
	
    /* -------------------------------------------------------------------------- */

    /*  1. Text
    /* -------------------------------------------------------------------------- */

        h1 { font-size:2.75em; }

        h2 { font-size:2.5em; }

        h3 { font-size:2.0em; }

        h4 { font-size:1.85em; }

        h5 { font-size:1.5em; }

        h6 { font-size:1.35em; }

        .pre-header { font-size:1.85em; }

    /* -------------------------------------------------------------------------- */

    /*  2.  Social Media
    /* -------------------------------------------------------------------------- */


    /* -------------------------------------------------------------------------- */

    /*  3.  Buttons
    /* -------------------------------------------------------------------------- */
	

    /* -------------------------------------------------------------------------- */

    /*  4.  Header
    /* -------------------------------------------------------------------------- */


    /* -------------------------------------------------------------------------- */

    /*  5.  Body
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  6.  Page Templates
    /* -------------------------------------------------------------------------- */

    .cut-margin { row-gap:.25em; }

    /* -------------------------------------------------------------------------- */

    /*  7.  Post:Archive
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  8.  Post:Single
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  9.  Footer
    /* -------------------------------------------------------------------------- */

    .back-to-top {bottom:10px; right:10px;
}


    /* -------------------------------------------------------------------------- */

}

/* -------------------------------------------- Media Query Section -------------------------------------------- */
/* ---------------------------------------------- max-width:768px ---------------------------------------------- */

/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

@media screen and (max-width:768px) {

    /* -------------------------------------------------------------------------- */

    /*  1. Text
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  2.  Social Media
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  3.  Buttons
    /* -------------------------------------------------------------------------- */

    a.white-btn, a.grey-btn, a.red-btn { transition-property:none; }


    /* -------------------------------------------------------------------------- */

    /*  4.  Header
    /* -------------------------------------------------------------------------- */

    .dark-background {
        padding:100px 30px;
    }

    /* -------------------------------------------------------------------------- */

    /*  5.  Body
    /* -------------------------------------------------------------------------- */
		
	.half-side-by-side, .triad-side-by-side, .quad-side-by-side {padding:20px 0px;}
	
	.home .standard-width {padding:1em 20px;}
	
	.home .triad-side-by-side-width {padding:0 0 1em;}

    .archive  .triad-side-by-side, .blog  .triad-side-by-side { width: 50%; }

    /* -------------------------------------------------------------------------- */

    /*  6.  Page Templates
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  7.  Post:Archive
    /* -------------------------------------------------------------------------- */

    .archive .triad-side-by-side:nth-child(4), .blog .triad-side-by-side:nth-child(4) {
        clear:none;
    }

    .archive .triad-side-by-side:nth-child(1), .archive .triad-side-by-side:nth-child(3), .archive .triad-side-by-side:nth-child(5), .archive .triad-side-by-side:nth-child(7), .blog .triad-side-by-side:nth-child(1), .blog .triad-side-by-side:nth-child(3), .blog .triad-side-by-side:nth-child(5), .blog .triad-side-by-side:nth-child(7) {
        clear:left;
    }

    /* -------------------------------------------------------------------------- */

    /*  8.  Post:Single
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  9.  Footer
    /* -------------------------------------------------------------------------- */

    footer .box {
        display:inline-block;
        width:27.33%;
    }

    .back-to-top {
        animation-iteration-count:inherit;
        animation-duration:0s;
        background-color:#d71921 !important;
    }

    .back-to-top:hover {
        background-color:#d71921 !important;
    }

    /* -------------------------------------------------------------------------- */

}


/* -------------------------------------------- Media Query Section -------------------------------------------- */
/* ---------------------------------------------- max-width:390px ---------------------------------------------- */

/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

@media screen and (max-width:450px) {

    /* -------------------------------------------------------------------------- */

    /*  1. Text
    /* -------------------------------------------------------------------------- */

        h1 { font-size:2.25em; }

        h2 { font-size:2.0em; }

        h3 { font-size:1.85em; }

        h4 { font-size:1.55em; }

        h5 { font-size:1.35em; }

        h6 { font-size:1.15em; }

        .pre-header { font-size:1.55em; }

    /* -------------------------------------------------------------------------- */

    /*  2.  Social Media
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  3.  Buttons
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  4.  Header
    /* -------------------------------------------------------------------------- */

    .dark-background {
        padding: 50px 25px;
    }

    /* -------------------------------------------------------------------------- */

    /*  5.  Body
    /* -------------------------------------------------------------------------- */


    .home .triad-side-by-side {width:100%; }


    .clockdiv div > span{
        font-size:24px;
    }

    .clockdiv > div{
        min-width:60px;
    }

    .smalltext {
        font-size:10px;
    }

    .triad-side-by-side {
        max-width: 450px;
        width: 100%;
        vertical-align: top;
        display:block
    }


    /* -------------------------------------------------------------------------- */

    /*  6.  Page Templates
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  7.  Post:Archive
    /* -------------------------------------------------------------------------- */

    .archive .triad-side-by-side, .blog .triad-side-by-side { width: 100%; display:block; clear:both; float:left }

    /* -------------------------------------------------------------------------- */

    /*  8.  Post:Single
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  9.  Footer
    /* -------------------------------------------------------------------------- */

    footer .box {
        display: block;
        width: auto;
        clear: both;
        float: left;
        margin: 15px 20px;
    }

    /* -------------------------------------------------------------------------- */

}