html, body {
    height: 100%;
    margin: 0;
    /* font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;  */
    font-family: "Source Sans Pro", sans-serif;
    /*background-color: rgb(235, 238, 241);*/
    /*background-color: #282929;*/
}

 #main-window {
    /*background: rgb(235, 238, 241);*/
    /*background-color: rgb(210, 212, 214);*/
    background-color: #ededed;
} 

.au-container {
    /*background-color: rgb(235, 238, 241);*/
    padding-bottom: .25rem;
    /*margin-top: 1rem;*/
}

.auhd {
    /*background-color: rgb(235, 238, 241);*/
    /*background-color: #D3C180;*/
    margin-bottom: .5rem;
    text-align: center;
    background: #005C97;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background: #396afc; */
    /*background: -webkit-linear-gradient(to right, #2948ff, #396afc);  */
    /*background: linear-gradient(to right, #2948ff, #396afc); */

    /*padding: 0rem 0rem .5rem 0rem;*/
    /*margin-bottom: 1rem;*/
}

.subh {
    font-weight: bold;
    font-size: 2.5rem;
    /*background-color: #D3C180;*/
    text-align: center;
    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);*/
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 4.5% 100%);*/
    /* padding-left: 1rem; */
    /*margin-left: 25%;*/
    color: #fff;
    margin: 0;
    padding-top: 2rem;
}

.au-title {
    text-align: center;
    padding-top: .5rem;
    font-weight: 400;
}

.au-title-sub {
    /*margin-bottom: 1rem;*/
    /*margin-bottom: 0;*/
    margin: 1rem 0rem;
}

.auid {
    /*border-radius: 8px;*/
    /*background: #f9f9f9;*/
    /*width: 98%;*/
    background: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    /*margin: 0 1rem 1rem 1rem;*/
    /*margin: 0 .5rem .75rem .5rem;*/
    margin: .5rem auto;
    text-align: center;
    padding: 0.5rem;
}

.auid.pg-cnt {
    margin: 0;
    width: 100%;
}

.sp-or {
    margin: 0 !important;
    width: 100% !important;
    padding: 0 !important;
}

.sp-or .container-sub-ttl {
    /*background-color: black;*/
    /*background: #5aa5e2 linear-gradient(144deg,#60ace8,#18a7e8 43%,rgba(27,49,64,0) 82%);*/
    /*background: #1b3140 linear-gradient(144deg,#396d92,#1e3647 40%,rgba(27,49,64,0) 53%);*/
    /*border-radius: 0;*/
}

.sp-or .container-sub-ttl a{
    color: white;
    text-decoration: underline;
}

.pg-cnt {
    font-weight: 400;
    font-size: 1.5rem;
    /*margin: 1rem .5rem;*/
    /*padding: 3rem;*/
    padding-top: 1rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff;
}

.pg-info {
    /*padding: 1rem;*/
    margin-bottom: 0;
    font-size: larger;
}

.container-sub-ttl {
    /*background: linear-gradient(to right, #4b6cb7, #4b81e8);*/
    /*color: #efefef;*/
    color: #000;
    /*padding: .5rem;*/
    padding: 1rem .5rem .5rem .5rem;
    /*border-radius: 8px;*/
}

.container-sub-ttl p {
    font-weight: 500;
    margin-bottom: 0;
}

.subd-container {
    border-bottom: 2px solid #D3C180;
}

.subd-container:last-child {
    border-bottom: none;
}

.items-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.item-ttl-sub {
    margin-bottom: 1rem;
}

.item {
    background-color: #e8e7e7;
    flex: auto;
    /*border: 2px solid #debe10;*/
    /*border-radius: 8px;*/
    padding: 1rem;
    /*margin: 1rem;*/
    margin: 0rem .5rem 1rem .5rem
}

.item-list {
    padding: 0;
}

.item-list li {
    list-style: none;
}

/*.icn {*/
/*    max-height: 4rem;*/
/*    max-width: 4rem;*/
/*}*/

/*#exp-pe, #exp-po, #exp-h, #exp-f {*/
/*    display: none;*/
/*}*/

.hay {
    border-radius: 50%;
    background-color: rgb(53,77,90);
}

.aumd {
    /*text-align: center;*/
}

.auimgd {
    background-color: #f9f9f9;
}

.aimg {
    padding:1rem;
    max-width: 60%;
    max-height: 100%;
    border-radius: 15%;
}

.subd {
    padding-top: .5rem;
    margin: 0;
}

.sub-common {
    width: 12rem;
    display: inline-block;
    vertical-align: top;
    padding: 0rem 1rem 0rem 1rem;
}

.sub-group-h {
    border-top: 2px solid rgb(139, 139, 139);    
    padding-bottom: 1rem;
    padding-top: .5rem;
    margin: 1rem 5rem 0rem 5rem;
}

.sub-group {
    width: 12rem;
    display: inline-block;
    vertical-align: top;
}

.icn {
    max-height: 3rem;
    max-width: 3rem;
    /*height: 4rem;*/
    /*background-color: black;*/
    /*padding: .5rem;*/
    /*width: 4rem;*/
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}

/*.icn-sub {*/
/*    max-height: 5rem;*/
/*    max-width: 5rem;*/
/*    background-color: rgb(9,25,42);*/
/*    border-radius: 50%;*/
/*    margin-left: 2rem;*/
/*    margin-bottom: .5rem;*/
/*    padding: .5rem;*/
/*}*/

.icn-sub-2 {
    max-height: 4rem;
    max-width: 4rem;
    margin-left: 2rem;
    margin-bottom: .5rem;
}

.icn-sub {
    max-height: 100%;
    max-width: 100%;
}

.test {
    height: 5rem;
    /*background: black;*/
    /*padding: .5rem;*/
    width: 5rem;
    margin-left: auto;
    margin-right: auto;
    /*border-radius: 50%;*/
}
.icn-sub-3 {
    max-height: 100%;
    background: black;
    padding: .5rem;
    max-width: 100%;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*border-radius: 50%;*/
}

.favic {
    text-align: center;
    padding: 10px;
    color: grey;
    font-size: x-small;
}

.favic div {
    display: inline-block;
}

.favic a {
    color: grey;
}

.fa-2x {
    float: right;
    margin: 0 !important;
    /*padding: 0rem 1rem 0rem 0rem !important;*/
}

.fa-2x:hover {
    cursor: pointer;
}

.sp-order {
    color: rgb(98,99,96);
}

.cond {
    vertical-align: super; 
    font-size: small;
}

.disclaimer{
    color: rgb(98,99,96);
    text-align: center;
    font-size: x-small;
    vertical-align: middle;
    margin-bottom: 0;
}

.disclaimer-f{
    color: hsla(0, 0%, 100%, 0.87);
    background: #036;
    text-align: center;
    font-size: small;
    vertical-align: middle;
    padding: .5rem 0rem .5rem 0rem;
}

.disclaimer-f a {
    color: hsla(0,0%,100%,.6);
    text-decoration: none;
}

.container-exp {
    display: none;
}

@media all and (max-width: 991px) {
    
    /*.auid {*/
    /*    padding: .5rem;*/
    /*    margin: 0 .5rem .5rem .5rem;*/
    /*}*/
    
    /*.pg-cnt {*/
    /*    padding: 1rem;*/
    /*}*/

    #exp-pe, #exp-po, #exp-h, #exp-f {
        display: inline-block;
    }

    .sp-or .container-sub-ttl {
        padding: 2rem 0rem 2rem 0rem;
    }
    
    .item {
        padding: .5rem;
        width: 100%;
    }
}

@media all and (min-width: 730px) {
    .au-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    
    .auid {
        width: 47%;
        /*margin: .5rem .5rem;*/
    }
}

@media all and (min-width: 992px) {
    /*.pg-cnt {*/
    /*    width: 80%;*/
    /*    margin-left: auto;*/
    /*    margin-right: auto;*/
    /*}*/
    
    /*.auid {*/
        /*width: 80%;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
    /*}*/
    
    /*.au-container {*/
    /*    display: -webkit-box;*/
    /*    display: -moz-box;*/
    /*    display: -ms-flexbox;*/
    /*    display: -webkit-flex;*/
    /*    display: flex;*/
    /*    justify-content: space-evenly;*/
    /*    flex-wrap: wrap;*/
    /*}*/
    
    /*.auid {*/
    /*    width: 47%;*/
    /*    margin: .5rem .5rem;*/
    /*}*/
}