.jumbotron {
    padding-top: 5px;
    padding-bottom: 5px;
}

.jumbotron p{
    margin-bottom: 0;
}

/* TEXT ======================================== */

.p1 {
    font-family: sans-serif;
    font-size: 10px;
    text-align: left;
    padding: 0px;
    color: #ffffff;  
}

.p2 {
    font-family: sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 0px;
    color: #111111;  
}

/* BOXES ======================================= */

.boxx {
    border: 0px outset #3A657E;
    background-color: #E5E7E9;
    font-size: 11px;
    text-align: center;
}

.boxy {
    float: left;
    width: 110px;
    min-height: 416px;
    border: 0px outset #3A657E;
    border-right: 1px solid #a5a5a5;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
}

.boxz {
    float: center;
    border: 0px outset #3A657E;
    border-right: 1px solid #a5a5a5;
    background-color: #ffffff;
    font-size: 11px;
    text-align: center;
    display: flex;
}

.floating-box {
  float: left;
  width: 150px;
  height: 200px;
  margin: 10px;
  border: 3px solid #73AD21;  
}

/* FORMS ========================================= */

.forms {  
    clear: both;
    font-family: "sans-serif, Arial Verdana ", "Times";
    font-size: 14px;
    color: black;
    text-align: right;
    padding: 4px 16px;
    margin: 16px 0;
    box-sizing: border-box;
    border: 0px solid #555555;
    background-color: #FFFFFF;
    width: 100%;
}

/* BUTTONS ======================================= */

 .button5 {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 4px 10px;
        border: 0px solid #E5E7E9;
        border-radius: 4px;
        background: #3A657E;
        background: -webkit-gradient(linear, left top, left bottom, from(#3A657E), to(#3A657E));
        background: -moz-linear-gradient(top, #3A657E, #3A657E);
        background: linear-gradient(to bottom, #3A657E, #3A657E);
        font: normal normal 12px Helvetica;
        font-style: oblique;
        color: #ffffff;
        text-decoration: none;
    }

    .button5:hover,
    .button5:focus {
        border: 0px solid #bbbbbb;
        background: #bbbbbb;
        background: -webkit-gradient(linear, left top, left bottom, from(#3A657E), to(#3A657E));
        background: -moz-linear-gradient(top, #3A657E, #3A657E);
        background: linear-gradient(to bottom, #3A657E, #3A657E);
        color: #000000;
        text-decoration: none;
    }

    .button5:active {
        background: #bbbbbb;
        background: -webkit-gradient(linear, left top, left bottom, from(#3A657E), to(#3A657E));
        background: -moz-linear-gradient(top, #3A657E, #3A657E);
        background: linear-gradient(to bottom, #3A657E, #3A657E);
    }

    .btn1 {
        display: block;
        min-width: 100px;
        max-width: 100px;
        border-top: 0px solid #5d717d;
        background: #ffffff; /* #2f5970 */
        background: -webkit-gradient(linear, left top, left bottom, from(#5d8091), to(#2f5970));
        background: -webkit-linear-gradient(top, #49bee2, #49bee2);
        background: -moz-linear-gradient(top, #49bee2, #49bee2);
        background: -ms-linear-gradient(top, #49bee2, #49bee2);
        background: -o-linear-gradient(top, #49bee2, #49bee2); /* #5d8091, #2f5970 */
        padding: 3px 10px;
        margin-bottom: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: #ffffff; /* #f7f7f7 */
        font-size: 14px;
        font-family: Sans-Serif;
        text-decoration: none;
        vertical-align: middle;
    }
    .btn1:hover {
       border-top-color: #173e54;
       background: #173e54;
       color: #ffffff;
    }
    .btn1:active {
        border-top-color: #ffffff;
        background: #2f5970;
    }

.sizetext {
    font-size: 10px;
    text-align: center;
}


 
/* CONTAINERS ===================================== */

    cont1 {
        width: 100%;
        float: left;
        text-align: center;
        border-radius: 0px;
        box-shadow: 0px 0px 0px 0px;
        /* background-color: #ffffff; */
        opacity: 1.0;
        padding: 0px;
        margin: 0px;
    }

    cont2 {
        width: 96%;
        float:left;
        text-align: left;
        padding: 0px;
        margin: 0px;
    }

    cont3 {
        width: 100%;
        float:left;
        text-align: center;
        background-color: #ffffff;
        padding: 0px;
    }

    cont4 {
        width: 100%;
        float:left;
        text-align: center;
        background-color: #ffffff;
        padding: 0px;
    }



/* MEDIA ======================================== */

    @media {

    #main {
        min-height: 0px;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-flow: row;
    }  

    #main > nav {
        min-width: 110px;
        margin: 0px;
        padding: 0px;
        border: 0px solid #FFFFFF;
        border-radius: 0pt;
        background: #FFFFFF;
        flex: 1 1 0%;
        order: 1;
    } 

    #main > article {
        position: relative;
        min-height: 520px;
        background-position: center top;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: 100%;
        border-top-color: #585858;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-bottom-color: #585858;
        flex: 1 1 100%;
        order: 2;
    }

    #main > aside {
        margin: 0px;
        padding: 0px;
        border: 0px solid #FFFFFF;
        border-radius: 0pt;
        background: #FFFFFF;
        flex: 1 1 0%;
        order: 3;
    }


/* MEDIA FLEX ORDER ==================================== */

    @media all and (max-width: 600px) {
        #main, #page {flex-direction: column;}
        #main > nav, #main > aside {}