@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

/* Smartphone version
   Nothing to do: blocks are stacked by default. */

.outer {
      width: 100%;
	border: 0px solid #330000;
	padding: 0px;
      margin-bottom: 0px;
}

      .pg-row { margin: 0 0 0 0; }
      .pg-col { padding: 0 0 0 0; }
      .col_100 { width: 100%; }
      .header { width: 100%; }

      /*.nav { width: 100%; min-height: 3.0em; }*/

      .nav { width: 100%; min-height: 2.5em; }

      .simple_box { width: 80%; padding-left:10%; padding-right: 10%; }

      img {
            max-width: 95%;
            height: auto;
            border: 0;
      }

      .left-col { width: 100%; }
      .right-col { width: 100%; }

      .full-col { width: 100%; }

      .first-col { width: 100%; }
      .second-col { width: 100%; }
      .third-col { width: 100%; }

      .full_100 { width: 100%; }
      .full_90  { width: 90%; padding-left: 10px; }
      .full_75  { width: 100%; }
      .full_60  { width: 60%; }
      .full_50  { width: 100%; }
      .full_48  { width: 100%; }
      .full_40  { width: 40%; }
      .full_25  { width: 100%; }
      .full_15  { width: 30%; }
      .full_10  { width: 10%; }

      .perm_75  { width: 75%; }
      .perm_25  { width: 25%; }

      .full_one_fourth { width: 100%; }

      h1 { font-size: 1.5em; }
      h1.slogan { font-size: 1em; padding-left:17%;
                  padding-right:17%; }
      h1.slogan2 { font-size: 1.3em; }
      h1.slogan3 { font-size: 1.3em; }
      h1.boxes { font-size:1.3em; }

      h2 { font-size: 1.4em; }
      h2.slogan2 { font-size: 1.05em; }
      h2.slogan3 { font-size: .90em; }
      h2.boxes { font-size:1.0em; }

      h3 { font-size: 1em; padding-bottom: 0px; margin-bottom: 0px;}
      h3.small_boxes {font-size:.8em;}

      .image_break { display: table; }

      .align_left,
      .align-left {
            float: none;
            display: block;
            /*margin-left: auto;
            margin-right: auto;*/
      }

      .align_right,
      .align-right {
            float: none;
            display: block;
      }

      h3.slogan3 { font-size: .85em; line-height: 150%; }
      h3.boxes {
            font-size: .85em;
            line-height: 150%;
            padding-right:5%;
      }
      h3.call { font-size: .7em; }
      h3.phone {
            font-size: .8em;
            padding-bottom:20px;
            padding-top: 30px;
            padding-right:0%;
            text-align:center;
      }

      .slogan2 {
            padding-top: .5px;
            padding-bottom: .5px;
      }
      .slogan3 {
            padding-top:0px;
            padding-bottom:0px;
      }

      .box_contact_us {
            padding-left: 5px;
            padding-right: 5px;
            margin-left: 0px;
            margin-right: 0px;
      }

      .quote {
            font-size:1.1em;
            line-height: 130%;
            padding-top:5px;
            padding-left:7%;
            padding-right:8%;
            padding-bottom:0px;
      }

      .quote_author {
            font-size: 1em;
            line-height: 130%;
            padding-top:10px;
            padding-left:7%;
            padding-right:8%;
            padding-bottom:20px;
      }

      .box_category_row {
            padding-bottom:0px;
            margin-bottom:0px;
      }

      .box_category_left {
            float:none;
            margin-bottom:50px;
      }

      .box_category_right {
            float:none;
            margin-bottom:50px;
      }

      .spacer { padding-bottom: 0px; }

      .box_datavarius_page2 { margin: 20px 10% 20px 10%; }

      .box_datavarius_page1_form { margin: 0px 5% 40px 5%; }

      .pub_article_item_text_base { font-size: 1.3em;
                                    line-height: 135%; }

      .pub_article_item_text_article { font-size: 1.3em;
                                       line-height: 135%; }

      #pub_article_item_text_article {
            font-size: 1.3em;
            line-height: 135%;
      }

      .padding_top { padding-top: 0px;}

      .home_text { font-size: 1.2em; line-height: 140%; }
      .home_text_images {padding-bottom:500px;}
      .home_page_padding { padding: 0% 0% 0px 0%; }
      .responsive_image { max-width: 20%; margin: 0 .3em 0 0;}

      .multi_section_headline { font-size: 1.5em; line-height: 130%; }

      #top_subscribe_banner {display: none; !important; }
      #header_top_right_box {display: none; !important; }


/* tablet portrait or cell phone landscape */
/* @media (min-width: 55em) and (max-width: 69.999em) { */

@media (min-width: 36em) and (max-width: 55.999em) {

      .outer {
            width: 100%;
      	border: 0px solid #330000;
      	padding: 0px;
            margin-bottom: 0px;
      }

      .nav { width: 100%; min-height: 2.5em; }

      .simple_box { width: 75%; padding-left:10%; padding-right: 10%; }

      img {
            max-width: 95%;
            height: auto;
            border: 0;
      }

      .left-col { width: 100%; }
      .right-col { width: 100%; }

      .full-col { width: 100%; }

      .first-col { width: 50%; }
      .second-col { width: 50%; }
      .third-col { width: 100%; }

      .full_100 { width: 100%; }
      .full_90  { width: 90%; padding-left: 10px; }
      .full_75  { width: 75%; }
      .full_60  { width: 60%; }
      .full_50  { width: 50%; }
      .full_48  { width: 48%; }
      .full_40  { width: 40%; }
      .full_25  { width: 25%; }
      .full_15  { width: 30%; }
      .full_10  { width: 10%; }

      .perm_75  { width: 75%; }
      .perm_50  { width: 50%; }
      .perm_25  { width: 25%; }

      .full_one_fourth { width: 50%; }
      .full_one_fourth:nth-child(2n+1) { clear: left; }

      h1 { font-size: 2em; }
      h1.slogan { font-size: 1.2em; padding-left:0%;
                  padding-right:0%; }
      h1.slogan2 { font-size: 1.4em; }
      h1.slogan3 { font-size: 1.6em; }
      h1.boxes { font-size:1.25em; }

      h2 { font-size: 1.4em; }
      h2.slogan2 { font-size: 1em; }
      h2.slogan3 { font-size: 1em; }
      h2.boxes { font-size:.975em; }

      h3 { font-size: 1.2em; padding-bottom: 20px; margin-bottom: 0px;}
      h3.small_boxes {font-size:.9em;}

      .image_break { display: table; }

      .align_left,
      .align-left {
            float: left;
            margin: 0 1em 0em 0;
      }

      .align_right,
      .align-right {
            float: none;
            display: block;
      }

      h3.slogan3 { font-size: 1em; }
      h3.boxes {
            font-size: .95em;
            padding-right:10%;
      }
      h3.call { font-size: 1.0em; }
      h3.phone {
            font-size:1.0em;
            padding-bottom:0px;
            margin-bottom:0px;
            padding-top:30px;
            padding-right:5%;
            text-align:right;
      }

      .slogan2 {
            padding-top: .5px;
            padding-bottom: .5px;
      }
      .slogan3 {
            padding-top:0px;
            padding-bottom:0px;
      }

      .box_contact_us {
            padding-left: 5px;
            padding-right: 5px;
            margin-left: 0px;
            margin-right: 0px;
      }

      .quote {
            font-size:1.3em;
            line-height: 140%;
            padding-top:30px;
            padding-left:10%;
            padding-right:10%;
            padding-bottom:0px;
      }

      .quote_author {
            font-size:1.2em;
            line-height: 140%;
            padding-top:10px;
            padding-left:10%;
            padding-right:10%;
            padding-bottom:50px;
      }

      .box_category_row {
            padding-bottom:60px;
      }

      .box_category_left {
            float:left;
            margin-bottom:0px;
            padding-right: 20px;
      }

      .box_category_right {
            float:right;
            margin-bottom:0px;
            padding-left: 20px;
      }

      .responsive_image { max-width: 30%; margin: 0 1em 0.5em 0;}

      .spacer { padding-bottom: 0px; }

      .box_datavarius_page2 { margin: 30px 15% 30px 15%; }

      .box_datavarius_page1_form { margin: 0px 5% 40px 5%; }

      .pub_article_item_text_base { font-size: 1.3em;
                                    line-height: 135%; }

      .pub_article_item_text_article { font-size: 1.3em;
                                       line-height: 135%; }

      #pub_article_item_text_article {
            font-size: 1.3em;
            line-height: 135%;
      }

      .padding_top { padding-top: 10px;}

      .home_text { font-size: 1.2em; line-height: 140%; }
      .home_text_images {padding-bottom:200px;}
      .home_page_padding { padding: 2% 5% 0px 5%; }

      .multi_section_headline { font-size: 1.5em; line-height: 130%; }

      #top_subscribe_banner {display: block; !important; }
      #header_top_right_box {display: block; !important; }

}

/* tablet - landscape */
/* @media (min-width: 70em) and (max-width: 81.999em) { */

@media (min-width: 56em) and (max-width: 81.999em) {

      .outer {
            width: 100%;
      	border: 0px solid #330000;
      	padding: 0px;
            margin-bottom: 0px;
      }

      .nav { width: 100%; min-height: 2.5em; }

      .simple_box { width: 75%; padding-left:10%; padding-right: 10%; }

      img {
            max-width: 95%;
            height: auto;
            border: 0;
      }

      .left-col { width: 65%; }
      .right-col { width: 35%; }

      .full-col { width: 100%; }

      .first-col { width: 47%; }
      .second-col { width: 33%; }
      .third-col { width: 20%; }

      .full_100 { width: 100%; }
      .full_90  { width: 95%; }
      .full_75  { width: 75%; }
      .full_60  { width: 60%; }
      .full_50  { width: 50%; }
      .full_48  { width: 48%; }
      .full_40  { width: 40%; }
      .full_25  { width: 25%; }
      .full_15  { width: 15%; }
      .full_10  { width: 5%; }

      .perm_75  { width: 75%; }
      .perm_50  { width: 50%; }
      .perm_25  { width: 25%; }

      .full_one_fourth { width: 25%; }
      .full_one_fourth:nth-child(4n+1) { clear: left; }

      h1 { font-size: 2.5em; }
      h1.slogan { font-size: 1.75em; padding-left:0%;
                  padding-right:0%; }
      h1.slogan2 { font-size:1.75em; }
      h1.slogan3 { font-size:2em; }
      h1.boxes { font-size:1.75em; }

      h2 { font-size: 1.4em; }
      h2.slogan2 { font-size:1.5em; }
      h2.slogan3 { font-size:1.5em; }
      h2.boxes { font-size:1.3em; }

      h3 { font-size: 1.2em; padding-bottom: 20px; margin-bottom: 0px;}
      h3.small_boxes {font-size:1em;}

      .image_break { display: inline; padding-top:0px; margin-top:0px; }

      .align_left,
      .align-left {
            float: left;
            margin: 0 1em 0em 0;
      }

      .align_right,
      .align-right {
            float: right;
            margin: 0 0 0.5em 1em;
      }

      h3.slogan3 { font-size: 1.1em; }
      h3.boxes {
            font-size: 1.1em;
            padding-right:10%;
      }
      h3.call { font-size: 1.0em; }
      h3.phone {
            font-size:1.0em;
            padding-bottom:0px;
            margin-bottom:0px;
            padding-top:30px;
            padding-right:5%;
            text-align:right;
      }

      .slogan2 {
            padding-top: .5px;
            padding-bottom: .5px;
      }
      .slogan3 {
            padding-top:0px;
            padding-bottom:0px;
      }

      .box_contact_us {
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 0px;
            margin-right: 0px;
      }

      .quote {
            font-size:1.6em;
            line-height: 150%;
            padding-top:30px;
            padding-left:10%;
            padding-right:10%;
            padding-bottom:0px;
      }

      .quote_author {
            font-size:1.3em;
            line-height: 150%;
            padding-top:10px;
            padding-left:10%;
            padding-right:10%;
            padding-bottom:50px;
      }

      .box_category_row {
            padding-bottom:60px;
      }

      .box_category_left {
            float:left;
            margin-bottom:0px;
            padding-right: 20px;
      }

      .box_category_right {
            float:right;
            margin-bottom:0px;
            padding-left: 20px;
      }

      .responsive_image { max-width: 30%; margin: 0 1em 0.5em 0;}

      .spacer { padding-bottom: 0px; }

      .box_datavarius_page2 { margin: 30px 15% 30px 15%; }

      .box_datavarius_page1_form { margin: 0px 10% 40px 10%; }

      .pub_article_item_text_base { font-size: 1.4em;
                                    line-height: 150%; }

      .pub_article_item_text_article { font-size: 1.4em;
                                    line-height: 150%; }

      #pub_article_item_text_article {
            font-size: 1.4em;
            line-height: 150%;
      }

      .padding_top { padding-top: 10px;}

      .home_text { font-size: 1.3em; line-height: 150%; }
      .home_text_images {padding-bottom:100px;}
      .home_page_padding { padding: 50px 10% 0px 10%; }

      .multi_section_headline { font-size: 1.7em; line-height: 140%; }

      #top_subscribe_banner {display: block; !important; }
      #header_top_right_box {display: block; !important; }

}

/* Desktop version */
/* @media (min-width: 82em) { */

@media (min-width: 82em) {

      /*.outer { width: 70%; max-width: 70em; }*/

      .outer {
            width: 100%;
      	border: 0px solid #330000;
      	padding: 0px;
            margin-bottom: 0px;
      }

      .nav { width: 100%; min-height: 2.5em; }

      .simple_box { width: 75%; padding-left:10%; padding-right: 10%; }

      img {
            max-width: 95%;
            height: auto;
            border: 0;
      }

      .left-col { width: 65%; }
      .right-col { width: 35%; }

      .full-col { width: 100%; }

      .first-col { width: 47%; }
      .second-col { width: 33%; }
      .third-col { width: 20%; }

      .full_100 { width: 100%; }
      .full_90  { width: 95%; }
      .full_75  { width: 75%; }
      .full_60  { width: 60%; }
      .full_50  { width: 50%; }
      .full_48  { width: 48%; }
      .full_40  { width: 40%; }
      .full_25  { width: 25%; }
      .full_15  { width: 15%; }
      .full_10  { width: 5%; }

      .perm_75  { width: 75%; }
      .perm_50  { width: 50%; }
      .perm_25  { width: 25%; }

      .full_one_fourth { width: 25%; }
      .full_one_fourth:nth-child(4n+1) { clear: left; }

      h1 { font-size: 2.5em; }
      h1.slogan { font-size: 2em; padding-left:0%;
                  padding-right:0%; }
      h1.slogan2 { font-size:2em; }
      h1.slogan3 { font-size:2.25em; }
      h1.boxes { font-size:1.75em; }

      h2 { font-size: 1.4em; }
      h2.slogan2 { font-size:1.5em; }
      h2.slogan3 { font-size:1.5em; }
      h2.boxes { font-size:1.35em; }

      h3 { font-size: 1.0em; padding-bottom: 0px; margin-bottom: 0px;}
      h3.small_boxes {font-size:1.2em;}

      .image_break { display: inline; padding-top:0px; margin-top:0px; }

      .align_left,
      .align-left {
            float: left;
            margin: 0 1em 0em 0;
      }

      .align_right,
      .align-right {
            float: right;
            margin: 0 0 0.5em 1em;
      }

      h3.slogan3 { font-size: 1.2em; }
      h3.boxes {
            font-size: 1.2em;
            padding-right:10%;
      }
      h3.call { font-size: 1.0em; }
      h3.phone {
            font-size:1.0em;
            padding-bottom:0px;
            margin-bottom:0px;
            padding-top:30px;
            padding-right:5%;
            text-align:right;
      }

      .slogan2 {
            padding-top: .5px;
            padding-bottom: .5px;
      }
      .slogan3 {
            padding-top:0px;
            padding-bottom:0px;
      }

      .box_contact_us {
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 0px;
            margin-right: 0px;
      }

      .quote {
            font-size:1.8em;
            line-height: 150%;
            padding-top:30px;
            padding-left:20%;
            padding-right:20%;
            padding-bottom:0px;
      }

      .quote_author {
            font-size:1.3em;
            line-height: 150%;
            padding-top:10px;
            padding-left:20%;
            padding-right:20%;
            padding-bottom:50px;
      }

      .box_category_row {
            padding-bottom:60px;
      }

      .box_category_left {
            float:left;
            margin-bottom:0px;
            padding-right: 20px;
      }

      .box_category_right {
            float:right;
            margin-bottom:0px;
            padding-left: 20px;
      }

      .responsive_image { max-width: 100%; }

      .spacer { padding-bottom: 0px; }

      .box_datavarius_page2 { margin: 30px 15% 30px 15%; }

      .box_datavarius_page1_form { margin: 0px 15% 40px 15%; }

      .pub_article_item_text_base { font-size: 1.4em;
                                    line-height: 150%; }

      .pub_article_item_text_article { font-size: 1.4em;
                                    line-height: 150%; }

      #pub_article_item_text_article {
            font-size: 1.4em;
            line-height: 150%;
      }

      .padding_top { padding-top: 10px;}

      .home_text { font-size: 1.5em; line-height: 170%; }
      .home_text_images {padding-bottom:130px;}
      .home_page_padding { padding: 50px 10% 0px 10%; }

      .multi_section_headline { font-size: 1.7em; line-height: 140%; }

      #top_subscribe_banner {display: block; !important; }
      #header_top_right_box {display: block; !important; }

}

@media print {
/*      body { font-size: .875em; }
      .pub_article_item_text_base { font-size: .975em; line-height: 1.5em; }

      .left-col { width: 65%; }
      .right-col { width: 35%; }
*/
}