/* CSS Document */
@font-face {
    font-family: 'fontawesome';
    src: url('../resources/fonts/fontawesome-webfont.eot/file');
    src: url('../resources/fonts/fontawesome-webfont.eot?#iefix/file') format('embedded-opentype'),
         url('../resources/fonts/fontawesome-webfont.woff2/file') format('woff2'),
         url('../resources/fonts/fontawesome-webfont.woff/file') format('woff'),
         url('../resources/fonts/fontawesome-webfont.ttf/file') format('truetype'),
         url('../resources/fonts/fontawesome-webfont.svg#fontawesome/file') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald_regular';
    src: url('../resources/fonts/oswald-regular-webfont.eot');
    src: url('../resources/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../resources/fonts/oswald-regular-webfont.woff') format('woff'),
         url('../resources/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../resources/fonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswald_stencilbold';
    src: url('../resources/fonts/oswald-stencil-webfont.eot');
    src: url('../resources/fonts/oswald-stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/oswald-stencil-webfont.woff2') format('woff2'),
         url('../resources/fonts/oswald-stencil-webfont.woff') format('woff'),
         url('../resources/fonts/oswald-stencil-webfont.ttf') format('truetype'),
         url('../resources/fonts/oswald-stencil-webfont.svg#oswald_stencilbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto-thin-webfont';
    src: url('../resources/fonts/roboto-thin-webfont.eot');
    src: url('../resources/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../resources/fonts/fonts/roboto-thin-webfont.woff') format('woff'),
         url('../resources/fonts/fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('../resources/fonts/roboto-thin-webfont.svg#roboto_thin_webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotocondensed-bold-webfont';
    src: url('../resources/fonts/robotocondensed-bold-webfont.eot');
    src: url('../resources/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../resources/fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../resources/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../resources/fonts/robotocondensed-bold-webfont.svg#robotocondensed_bold_webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotocondensed-regular-webfont';
    src: url('../resources/fonts/robotocondensed-regular-webfont.eot');
    src: url('../resources/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../resources/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../resources/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../resources/fonts/robotocondensed-regular-webfont.svg#robotocondensed_regular_webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotocondensed-light-webfont';
    src: url('../resources/fonts/robotocondensed-light-webfont.eot');
    src: url('../resources/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../resources/fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../resources/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../resources/fonts/robotocondensed-light-webfont.svg#robotocondensed_light_webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'fontawesome';
    src: url('../resources/fonts/fontawesome-webfont.eot');
    src: url('../resources/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../resources/fonts/fontawesome-webfont.woff') format('woff'),
         url('../resources/fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../resources/fonts/fontawesome-webfont.svg#fontawesome') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotothin';
    src: url('../resources/fonts/roboto-thin-webfont.eot');
    src: url('../resources/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../resources/fonts/roboto-thin-webfont.woff') format('woff'),
         url('../resources/fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('../resources/fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tsg-rwd-moasic{
    float: left;
        background-color:#DDDDDD;
    min-height: 170px;
    min-width: 150px;
}

.tsg-rwd-mosaic-copy{
    text-align:center;
        font-size: 1.2em;
        line-height: 1.2em;
    font-family: 'robotocondensed-bold-webfont';
        width: 94%;
        float: left;
        padding: 0px 3% 0px 3%;
    }

.tsg-rwd-homepage-main-frame-mosaics a{
    color: #003875;
    }

.tsg_rwd_single_mosaic{
    width: 100%;

    }


.tsg_rwd_double_mosaic{
   width: 47%;
    margin: 10px 10px 0px 0px;
    }


.tsg_rwd_triple_mosaic{
   width: 31%;
   margin: 10px 10px 0px 0px;

    }


.tsg_rwd_quadrupal_mosaic{
   width: 23%;
   margin: 10px 10px 0px 0px;
    }


.tsg-rwd-mosaic-icon{
    font-size: .75em;
    color:#00ACED;
    width:100%;
float: left;
        margin: 25px 0px 15px 0px;
    }


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

.tsg-rwd-mosaic-copy{
    text-align:center;
        font-size: 1.2em;
        line-height: 1.2em;
    font-family: 'robotocondensed-bold-webfont';
        width: 94%;
        float: left;
        padding: 0px 3% 0px 3%;
    }

    .tsg_rwd_quadrupal_mosaic{
   width: 23%;
   margin: 10px 9px 0px 0px;
    }


}





@media (max-width: 767px){

.tsg-rwd-homepage-frame{
    display:none;
    }


.tsg_rwd_single_mosaic{
    width: 100%;

    }


.tsg_rwd_double_mosaic{
     width: 100%;
    margin: 10px 10px 0px 0px;
    }


.tsg_rwd_triple_mosaic{
   width: 100%;
   margin: 10px 10px 0px 0px;

    }


.tsg_rwd_quadrupal_mosaic{
     width: 100%;
   margin: 10px 10px 0px 0px;
    }

.tsg-rwd-mosaic-copy{
    text-align:center;
        font-size: 1.1em;
        line-height: 1em;
    font-family: 'robotocondensed-bold-webfont';
        width: 96%;
        float: left;
        padding: 0px 2% 0px 2%;
    }


}