﻿@media only screen and (max-width: 481px) {
    .left { float: none !important; }
    .right { float: none !important; }
    .body_spacer { width: 98%; }
    .width60, .width40, .width45, .width50, .width55 { width: 100%; }

    .blue-bg h2 { font-size: 34px;line-height: 34px; }
    .blue-bg p { font-size: 14px; }

    #hw_bigScreen { display: none; }

    .img { display: none; }
}

@media only screen and (min-width: 444px) and (max-width: 481px) {
    .blue-bg h2 { font-size: 55px;line-height: 55px;margin-bottom: 50px; }
}

@media only screen and (min-width: 480px) and (max-width: 749px) {
    .left { float: none !important; }
    .right { float: none !important; }
    .body_spacer { width: 98%; }
    .width40, .width45, .width50, .width55, .width60  { width: 100%; }
    
    .blue-bg h2 { font-size: 55px;line-height: 55px;margin-bottom: 20px; }
    .blue-bg p { font-size: 16px; }

    #hw_bigScreen { display: none; }

    .img { display: none; }
}

@media only screen and (min-width: 750px) and (max-width: 1000px) {
    .body_spacer { width: 99%; }

    #above-fold { padding-left: 8px; }
    #above-fold p { font-size: 16px;width: 42%; }

    #hw_bigScreen { width: 55% !important; }
    #hw_bigScreen > img { width: 88% !important; }

    #everything_oneplace { width: 100% !important; }

    .img { width: 40%; }
    .img > img { width: 90% !important; }
    .txt { width: 60%; }
}

@media only screen and (min-width: 1000px) and (max-width: 1010px) {
    .body_spacer { width: 99%; }
    #above-fold { padding-left: 10px; }
    #content_list { padding-left: 10px; }
}