﻿
.mainblock {
    display: block;
    margin-left: 0px;
    margin-right: auto;
    text-align: center;
    width: 100%
}

.full_img {
    width: 100%;
    max-width: 1200px;
}

.blk_img {
    width: 100%;
    max-width: 665px;
}

.logo_img {
    width: 100%;
    max-width: 350px;
}

.headline_title {
    position: relative;
    font-family: 'Lato', sans-serif;
    color: rgb(202,31,72);
    font-size: 36pt;
}

.main_text {
}

.headline_sub_title {
    position: relative;
/*    padding-left: 3px;*/
    font-family: 'Lato', sans-serif;
    color: rgb(255,141,16);
    font-size: 20pt;
    font-weight: 700;
}

.body_text {
    position: relative;
    font-family: 'Lato', sans-serif;
    color: rgb(255,141,16);
    font-size: 18pt;
    text-align-last: left;
}

.body_line {
    font-family: 'Lato', sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
}

.table_style {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1200px;
    text-align: left;
    padding-left: 75px;
    padding-right: 50px;
}



.small_text {
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

body {
    background-color: white;
}


.black_cell {
    width: 50%;
    text-align: center;

}


.black_table_style {
    background-color: black;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1200px;
    text-align: left;
}

.usm_logo {
    margin-top: -10px;
    padding-bottom: 20px;
}

.usm_pic {
    padding-right:20px;
    height:180px
    
}
.footer_table_style {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1200px;
    text-align: left;
}
.foot_cell {
    text-align: right;
    width: 75%;
    padding-right:20px;
}
.footer_text {
 
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
   
}



.prod_pic{
  width:180px;
    padding-left:10px;
    padding-right:10px;
}
.prod_table {

    margin-left: auto;
    margin-right: auto;
}
.temp{
 
}



@media (max-width: 1000px) {
    .usm_logo {
        margin-top: 10px;
        padding-bottom: 5px;
    }

    .prod_pic {
        width: 130px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media (max-width: 600px) {
    .imagebutton{
        width:350px;
    }
    .prod_pic {
        width: 100px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top:10px;
    }
    .headline_title {
        font-size: 22pt;
        font-weight: 700;
    }

    .headline_sub_title {
        font-size: 16pt;
    }

    .body_text {
        font-size: 14pt;
    }

    .body_line {
        font-size: 12pt;
    }

    .table_style {
        padding-left: 10px;
        padding-right: 5px;
    }

    .small_text {
        font-size: 8pt;
        width: 95%;
        padding-bottom: 11px
    }
    .footer_text {
        font-size: 7pt;
    }
    .usm_logo {
        margin-top: 10px;
        padding-bottom: 5px;
    }

    .usm_pic {
        height: 100px;
    }
}


.scroller {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
#content1 {
    display: inline-block;
    background-color: #f00;
    width: 500px;
    height: 200px;
}

#content2 {
    display: inline-block;
    background-color: #ff0;
    width: 620px;
    height: 200px;
}

#content3 {
    display: inline-block;
    background-color: #f0f;
    width: 300px;
    height: 200px;
}

#content4 {
    display: inline-block;
    background-color: #f5a;
    width: 600px;
    height: 200px;
}

#nav-controls {
    position: fixed;
    width: 100%;
    text-align: center;
}

#scroll-left, #scroll-right {
    display: inline-block;
    font-size: 1em;
    background-color: #c0c0c0;
    color: #585858;
    padding: 1em 1em;
    width: 0.25em height:0.25em;
    border-radius: 0.63em;
}

    #scroll-left:hover, #scroll-right:hover {
        background-color: #585858;
        color: #fff;
        cursor: pointer;
    }

#scroll-left {
    margin-right: 5em;
}

#scroll-right {
    margin-left: 5em;
}