/* Content */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
#content {
    position:relative;
    width: 100%;
    max-width:60.938rem; /* 998+12+12 */
    height:auto;
    margin:0 auto;
    padding:0 0 0.313rem 0;
}
#content:after {
    clear:both;
    content: "";
    display: block;
}
section.main_part {
    width:auto;
    margin: 0em 11.563rem 0em 14.1rem;  
    padding:0rem 0.938rem 0rem 0.938rem; /* 15px */
    text-align:left;
}
section.quicklinks {
    float:right;
    width: 11.563rem; /* 185px */
    height:38.75rem;
    position:absolute;
    top:0;
    right:0;
    /*right:0.625rem;*/
    background-color: #F8F8F8;
    border: 0.063rem solid #D6D6D6;
    border-radius: 0.313rem;
    box-shadow: 0 0.063rem 0.063rem rgba(0,0,0,0.1);
    margin: 0;
    padding: 0.5rem;
    box-sizing: border-box;
}
section.ac-container {
    float:left;
    /*left: 0.625rem;*/
    position:absolute;
    top:0;
    width: 14.1rem;
    max-height: 85rem;
    border: 0.063rem solid #D6D6D6;
    border-radius: 0.313rem;
    box-shadow: 0 0.063rem 0.063rem rgba(0,0,0,0.1);
    background-color: #F8F8F8;
    margin: 0;
    padding: 0.5rem;
    box-sizing: border-box;
    }
.grid {
    width:100%;
    margin-bottom:0.625rem;
    
    /* DISPLAY */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome,  Safari */
    display: inline-flex;      /* NEW, Spec - Opera 12.1, Firefox 20+ */

    /* WRAP */
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    /* JUSTIFY */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    justify-content:space-between;
}
.grid .col {
    box-sizing: border-box;
    padding:0rem 0.625rem 0 0.625rem;
    margin:0;

    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -webkit-flex-basis: 12.5rem; /* Safari 6.1+ */
    -ms-flex: 1;              /* IE 10 */
    flex-basis: auto;         /*For browsers that don't support the new keyword*/
    flex: 1 1 12.5rem;
}

/* Media for main content part */
@media screen and (max-width: 57em) { /* 57rem - 912 px*/
       
   section.main_part{
        margin: 0;
    }
    section.ac-container, section.quicklinks {
        position:relative;
        margin:0% 1% 0% 1%;
        width:49%;
    }
}
@media screen and (min-width: 45em) and (max-width: 57em) {
    
    section.main_part {
        margin:0;
    }
    .grid {
        margin:0;
        padding:0;
    }
    section.ac-container, section.quicklinks {
        margin:0% 1% 0% 1%;
        width:48%;
    }
}
@media screen and (min-width: 29em) and (max-width: 45em) {
    
    section.ac-container, section.quicklinks {
        margin:0% 1% 0% 1%;
        width:48%;
    }
}
@media screen and (max-width: 30em) { /* 460 - 29.375*/

    section.ac-container, section.quicklinks {
        margin:0% 1% 0% 1%;
        width:98%;
    }
}
/* end media */