body{
        font-family: "Segoe UI",Helvetica,"Myriad W01_n2", "Myriad W01", sans-serif;
    }
    .product_feature_description_light,
    .product_feature_description{
        color:#777777;;
        text-align: center;
        font-size:121%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .product_description_split_face_mod{
        position: relative; 
        margin-left: auto;
        margin-right: auto;
    }
@media only screen and (max-width: 869px) {/*this number and less than*/
  /* put your css styles in here */
    body{
          min-width: 160px; 
        margin: 0px;
    }
    .navigation_item_selected,
    .navigation_item_unselected,
    .main_header{
      font-size: 10pt;
    }
    .navigation_item_selected,
    .navigation_item_unselected{
       padding-left: 15px;
       padding-right: 15px;
    }
    #banner_dark_1,
    #banner{
        min-height: 300px;
    }
    .product_element_image_icon{
        height:28px;
        border-bottom:solid;
        border-bottom-color: dimgrey;
        border-bottom-width: 7px;
     }   
     
     .product_element_title{

        font-size: 1.4em;
        text-shadow:0px 2px lightgray;

    }



    .product_element_description{
        margin-left: 20px;
        font-size: 80%;

    }
    .smaller_header,
    .instruction_header,
    .product_feature_title_light,

    .product_feature_title{
        font-size: 130%;
        padding-bottom: 10px;
        border-bottom-width: 15px;
        letter-spacing: 2px;
        text-align: center;
        font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
    }
    
    .product_feature_description_light,
    .product_feature_description{

        font-size:90%;
        width:330px;
    }
    
    .product_feature_name{

        font-size: 130%;
        letter-spacing: 1px;
    }
    .product_name_cloud,
    .product_name{
        font-size: 140%;
        letter-spacing: 8px;
    }
    .product_phrase_cloud,
    .product_phrase{
        font-size: 120%;
        letter-spacing: 14px;
    }
    
    
    
    .product_description_center{
        width:520px;
        margin-left: auto;
        margin-right: auto;
    }

    .product_text_panel_half{
        display: inline-block;
        vertical-align: top;
        width: 250px;
        height:250px;
    }
    .product_feature_image_panel_half{
        display: inline-block;
        width: 250px;
        vertical-align: bottom;
    }
    .product_feature_title_half{
        font-size: 120%;
    }
    .product_feature_description_half{
        font-size:90%;
    }
    .product_description_split_face_mod{
        top: 193px; 
        width: 375px; 
    }
    
    #scroll_top {
        display: none; /* Hidden by default */
        position: fixed; /* Fixed/sticky position */
        bottom: 20px; /* Place the button at the bottom of the page */
        right: 0px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
        border: none; /* Remove borders */
        outline: none; /* Remove outline */
        cursor: pointer; /* Add a mouse pointer on hover */
        padding: 0px;
        background: none;
      }
      .scroll_top_icon{
          position:relative;
          width: 47px;
          border-bottom: solid;
          border-bottom-color: dimgrey;
          border-bottom-width: 15px;
      }
      
    #scroll_top{
        padding-top: 0px;
    }
    #scroll_top:hover{
      padding-top: 50px;
      filter: brightness(0.85);
    }

    .scroll_top_icon:active{
        border-bottom-width: 0px;

    }
      

}
@media screen and (min-width: 870px) {/*this number and larger than*/
    body{
        min-width: 160px; 
        margin: 0px;
    }
    .navigation_item_selected,
    .navigation_item_unselected,
    .main_header{
   font-size: 20pt;
    }
    .navigation_item_selected,
    .navigation_item_unselected{
       padding-left: 40px;
       padding-right: 40px;
    }
    #banner_dark_1,
    #banner{
        min-height: 600px;

    }
    
    
    
    .product_element_image_icon{
        height:55px;
        border-bottom:solid;
        border-bottom-color: dimgrey;
        border-bottom-width: 15px;
     }
     
     .product_element_title{
        font-size: 2.8em;

    }



    .product_element_description{
        margin-left: 40px;

    }
    .smaller_header,
    .instruction_header,
    .product_feature_title_light,

    .product_feature_title{
        font-size: 260%;
        padding-bottom: 10px;
        border-bottom-width: 15px;
        letter-spacing: 2px;
        text-align: center;
        font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
    }
    
    .product_feature_description_light,
    .product_feature_description{
        width:660px;
    }
    
    .product_feature_name{
        font-size: 260%;
        letter-spacing: 2px;
    }
    .product_name_cloud,
    .product_name{
        font-size: 280%;
        letter-spacing: 10px;
    }
    .product_phrase_cloud,
    .product_phrase{
        font-size: 240%;
        letter-spacing: 20px;
    }
    
    
    
    .product_description_center{
        width:1006px;
        margin-left: auto;
        margin-right: auto;
    }

    .product_text_panel_half{
        display: inline-block;
        vertical-align: top;
        width: 500px;
        height:500px;
    }
    .product_feature_image_panel_half{
        display: inline-block;
        width: 500px;
        vertical-align: bottom;
    }
    .product_feature_title_half{
        font-size: 260%;
        padding-bottom: 10px;
        border-bottom-width: 15px;
        letter-spacing: 2px;
        margin-top: 0px;
        font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
    }
    .product_feature_description_half{
        font-size:121%;
    }
    .product_description_split_face_mod{
        top: 230px; 
        width: 750px; 
    }
    
    
    #scroll_top {
        display: none; /* Hidden by default */
        position: fixed; /* Fixed/sticky position */
        bottom: 20px; /* Place the button at the bottom of the page */
        right: 0px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
        border: none; /* Remove borders */
        outline: none; /* Remove outline */
        cursor: pointer; /* Add a mouse pointer on hover */
        padding: 0px;
        background: none;
      }
      .scroll_top_icon{
          position:relative;
          width: 96px;
          border-bottom: solid;
          border-bottom-color: dimgrey;
          border-bottom-width: 30px;
          /*background: whitesmoke;*/

      }
      
    #scroll_top{
        padding-top: 0px;
    }
    #scroll_top:hover{
        padding-top: 100px;
        filter: brightness(0.85);
    }
      
      .scroll_top_icon:active{
          border-bottom-width: 0px;

      }
}

noscript{
    display: block;
    text-align: center;
    background: red;
    font-weight: bold;
}

#news_container{
    clear: left;
    min-height: 800px;
}
#banner_dark_1,
#banner{
    /*min-height: 600px;*/
    border-bottom-style: solid;
    border-bottom-width: 150px;
    border-bottom-color: grey;
    background-color: white;
}
#banner_dark_1{
    background: #333333;
}
#product_banner{
    min-height: 900px;
    border-bottom-style: solid;
    border-bottom-width: 150px;
    border-bottom-color: grey;
    background-color: white;
    background-repeat: no-repeat;
}

.instruction_back_link,
.instruction_contents_link,
.navigation_item_selected,
.navigation_item_unselected{
    font-family: sans-serif;
    color: #666666;
    display: inline-block;
    padding-bottom: 20px;
}

.sub_header {
    font-size: 160%;
    padding-bottom: 10px;
    border-bottom-width: 15px;
    letter-spacing: 2px;
    font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;

    
}
.item_header{
    font-size: 160%;
    letter-spacing: 2px;   
    font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
}

.form_label{
    color:#777777;;
}


.italic_general_text_indented{
    
    margin-left: 15px;
}

.italic_general_text_indented,
.italic_general_text{
    font-style: italic;
}
.italic_general_text_indented,
.italic_general_text,
.general_text {
    color:#777777;;
    padding-left: 5px;
}
.footnote{
    text-align: right;
    font-style: italic;
    color: #cccccc;
    font-size: 8pt;
}
.italic_general_text{
    padding-left: 30px;
    padding-right: 30px;
}
.italic_general_text_indented{
    padding-left: 35px;

}

.item_description{
    color:#777777;;
    
}
.link_in_text{
    font-style: italic;
    text-decoration: underline;

    
}
.link_in_text:hover{
      font-weight: 500;

}
.news_psuedo_padding{
    clear: left;
    padding-top: 100px;
}
.news_item {
    margin-bottom: 100px;
    clear:left;
}
.news_content {
}

#navigation{
    float: right;
    display: block;
    list-style-type: none;
    padding-left: 0px;
    margin:0px;
}
#navigation_wrapper_product{
    float:right;
    
}
#navigation_product{
    display: block;
    list-style-type: none;
    padding-left: 0px;
    margin:0px;
}

.navigation_item_selected,
.navigation_item_unselected{
   float: left;
   display: block;
}

.instruction_back_link,
.instruction_contents_link,
.navigation_item_unselected{
    color: lightgray;
}

.instruction_back_link:hover,
.instruction_contents_link:hover,
.navigation_item_unselected:hover {
    color:#777777;;
}

#product_container{
    float: left;
    padding: 10px;
    clear: left;
}

#product_container dl{
   clear: left;
   float:left;
   margin: 40px 0px;
   padding-left: 10px;
}
#product_container dt{
    float: left;
    margin-right: 70px;
}
#product_container dd{
    margin-left:210px;
}
.navigation_item_selected{
    
}


#product_item,
.product_description_dark_to_light,
.product_description,
.product_description_dark,
#news_container,
#product_container,
#about_container{
    clear: left;
    border-bottom-style: solid;
    border-bottom-width: 50px;
    border-bottom-color: grey;
    padding-bottom: 150px;
    background-color: #fcfcfc;
    padding: 0px 70px;
}


#product_list{
    width: 100%;
}
.product_link{}
.product_element{

}
.product_element:hover {
    filter: brightness(0.85);
}
.product_element:active {
    filter:invert(1);
}
.product_element_image{
    width: 100%;
}

.product_element_text_wrapper{
    position:relative;
    height:0px;
    margin: 0px;
    float:left;
}
.product_element_title{
    display: inline;
    margin-top: 0px;
    vertical-align:text-bottom;
    text-shadow:0px 4px lightgray;
    
}



.product_element_description{
    text-shadow:0px 2px lightgray;
}

.product_description{
    border: none;
    padding-top:100px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top:0px;
}
.product_description_dark{
    border: none;
    background-color: #fcfcfc;
    background: #58585B;
    display: grid;
    padding:0px;
}
.product_description_dark_to_light{
    border: none;
    display: grid;
    padding:0px;
}
#product_item{
    padding: 0px;
}

.footer,
.product_feature_name_wrapper{
    margin-top: 120px;
    background-color: #B6B8BA;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    
    
}
.footer{
    border-bottom-style: solid;
    border-bottom-width: 50px;
    border-bottom-color: gray;
    
}
.product_feature_name{
    color:white;
    border-bottom-width: 15px;
    text-align: center;    
    font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
}
.product_name_cloud,
.product_name{
    /*font-size: 280%;*/
    padding-bottom: 10px;
    border-bottom-width: 15px;
    /*letter-spacing: 10px;*/
    font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
}
.product_phrase_cloud,
.product_phrase{
    /*font-size: 240%;*/
    padding-bottom: 15px;
    border-bottom-width: 15px;
    /*letter-spacing: 20px;*/
    font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
}

.product_name_cloud,
.product_phrase_cloud{
    color:whitesmoke;
    text-shadow: 0px 2px grey;
    font-style:italic;
    padding-left: 100px;
}
.product_phrase_cloud{
    padding-left: 500px;
}

.product_feature_title_light{
    color: white;
}


.product_feature_description_light{
    color: whitesmoke;
}

.centered_image_subtitle,
.subtitle,
dt,
dd,
li{
    text-align: left;
    color:#777777;;
    font-size:121%;
    margin-bottom: 10px;
 }
.instruction_text2,
.p_text1,
.asterisk_text,
.instruction_text,
dt{
     margin-top: 30px;
     margin-bottom: 10px;
     font-size: 140%;
     color: #555555
     
 }
 .instruction_text2{
    margin-top: 0px;

 }
 .asterisk_text{
    font-size: 95%;
    color:#777777;;
 }
 .subtitle{
     font-size: 90%;
     
     
 }
 .centered_image_subtitle{
    font-size: 80%;
    color:#999999;
    font-style: italic;
    text-align: center;

 }

.product_description_center{
    /*width:1006px;*/
    margin-left: auto;
    margin-right: auto;
}

.product_text_panel_half{
    display: inline-block;
    vertical-align: top;
/*    width: 500px;
    height:500px;*/
}
.product_feature_image_panel_half{
    display: inline-block;
    /*width: 500px;*/
    vertical-align: bottom;
}
.product_feature_title_half{
    /*font-size: 260%;*/
    padding-bottom: 10px;
    border-bottom-width: 15px;
    letter-spacing: 2px;
    margin-top: 0px;
    font-family: Helvetica,"Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif;
}
.product_feature_description_half{
    color:#777777;;
    /*font-size:121%;*/
}

a, u {
    text-decoration: none;
    color: inherit;
}
.feature_cutout{
    height: 600px;
    width: 50%;
    background-size: 400px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    margin: auto;
}
.feature_theme_cutout{
    height: 800px;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.feature_image{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.feature_image2{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}


.warning_text{
    margin:0px;
    padding:10px;
    text-align: center;
}
#no_javascript_banner{
    background-color:red;
}

#main_slideshow{
    min-height: 300px;
    background-color: white;
    position: relative;
    width:100%;
    margin:0 auto;
    overflow: hidden;

}
#main_slideshow_controls{
    width:300px;
    margin:0 auto;
    overflow: hidden;
}


#slideshow1{
    /*min-height: 300px;*/
    background-color: transparent;
    position: relative;
    width:100%;
    margin:0 auto;
    overflow: hidden;

}
#slideshow_controls_panel{
    width:300px;
    margin:0 auto;
    overflow: hidden;
}


.image_button,
#next,
#back{
    opacity: .2;
}
.image_button:link,
#next:link,
#back:link {
    
}
.image_button:visited,
#next:visited,
#back:visited {
    
}
.image_button:hover,
#next:hover,
#back:hover {
    opacity: 1;
}
.image_button:active,
#next:active,
#back:active {
    
}
.slideshow_controls_panel{
    margin-top: 30px;
    text-align: center;
}
.feedback_form{
    margin-top: 80px;
    margin-bottom: 200px;
    display: none;
}
.form_message,
.form_select{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-color: grey;    
    background: transparent;
    margin-bottom: 40px;
    padding-left: 5px;
    color:#777777;
    font-family: "Segoe UI",Helvetica,"Myriad W01_n2", "Myriad W01", sans-serif;

}
.form_button{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-color:#777777;; 
    background: transparent;
    color:#777777;
    padding: 10px 20px;
    font-family: "Segoe UI",Helvetica,"Myriad W01_n2", "Myriad W01", sans-serif;
}
.error{
    display:block;
    color: red;
}
#instruction_contents{}
.instruction_element{
    min-height: 600px;
}
.instruction_element_wrapped{
}
.instruction_header{
    text-align: left;
}
.smaller_header{
    text-align: left;
    font-size: 150%;
    padding-bottom: 10px;
    border-bottom-width: 15px;
    letter-spacing: 2px;
    /*text-decoration: underline;*/
    margin-bottom: 0px;
}
.p_text1{
    margin-top: 0px;
    font-size: 110%;
}
.instruction_text2{}

.instruction_text{}
.instruction_text_ol{}
.instruction_text_ul{}
.instruction_text_sub_ul{
    font-size: 100%;
}

.instruction_image_container_center{
/*    width: 50%;
    margin-left: auto;
    margin-right: auto;*/
}
#manual_wrapper{
    margin-left: 20px;
    clear: right;
}
.landscape_screenshot{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 10px;
}
.centered_image,
.double_screenshot,
.portrait_screenshot{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 10px;
    width:35%
}
.double_screenshot{
 
    width:50%
}

.centered_image{
    width: 70%;
}
.image_list_item{
    margin: 0px;
    
}

.instruction_back_link{
    float: right;
}
.instruction_contents_link{
    display: block;
    text-align: center;
}
.instruction_main_link_wrapper{
    margin-top: 50px;
    
}

.sentence_link{
    text-decoration: underline;
}