body {
    background: #fff;
    font-family: "open sans", sans-serif;
    font-size: 14px;
    margin: 0 auto;
    max-width: 800px;
    padding: 0 30px;
}
p {
    color: #252525;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
p a {
    color: #252525;
    text-decoration: underline;
}
p a:hover {
    color: #898989;
}
.sheet-container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 30px;
}
.bold-heading {
    font-family: "open sans", sans-serif;
    font-size: 1.3em;
    font-weight: 700;
}

.light-heading {
    font-family: "open sans", sans-serif;
    font-size: 1.3em;
    font-weight: 300;
}

.light-text {
    font-family: "open sans", sans-serif;
    font-weight: 300;
}

.regular-text {
    font-family: "open sans", sans-serif;
    font-weight: 400;
}


/******************************

            global

*******************************/

.solid_border_left {
    border-left: 5px solid #990000;
    padding-left: 10px;
    height: 30px;
}

.solid_border_left_h {
    border-left: 5px solid #990000;
    padding-left: 10px;
    height: 50px;
}

.split_flex_container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap; 
    flex-wrap: wrap;
}

.column_flex_container_centered {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.split_flex_container_justified {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;  
}

.split_flex_container_centered {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


.flex_item_full {
    width: 100%;
}

.feature_heading {
    margin-bottom: 10px;
    text-align: left;
}

.divider_line {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
}



/******************************

            header

*******************************/

#header {
    width: 100%;
}

.header_row {
    -webkit-align-items: flex-start;
    align-items:         flex-start;
}

.header_col1 {
    margin-right: 10px;
    align-content: stretch;
    align-items: center;
}

.header_col2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items:  flex-start;
    justify-content: center;
}

.header_logo {
    height: 37px;
    padding-top: 5px;
}

.header_category {
    font-family: "open sans", sans-serif;
    font-size: 0.9em;
    line-height: 0.8em;
    text-transform: uppercase;
}

.header_name {
    font-family: "open sans", sans-serif;
    font-size: 2.5em;
    line-height: 1em;
    font-weight: 700;
}





/******************************

          key features

*******************************/

#media_section {
    overflow: hidden;
    align-content: center;
    align-items: center;
    /*height: 260px;*/
    margin-bottom: 2em;
}

#key_features {
    width: 40%;
}

#key_features ul
{
    padding: 1.5em;
    line-height: 2.15em;
    font-size: 0.8em;
    letter-spacing: .05em;
}

#key_features ul li {
    font-family: "open sans", sans-serif;
    /*list-style-type: none;
    display: inline;*/
}

#key_features ul li:nth-of-type(1n 6) {
    display: none;
}

/*#key_features li:not(:first-child):before {
    content: "  |  ";
    font-family: "open sans", sans-serif;
}*/

#key_features ul li:nth-of-type(1n 6) {
    display: none;
}

.product_image {
    align-self: flex-end;
}

.product_image img {
    height: 300px;
}





/******************************

      product description

*******************************/

#product_details {
    margin-top: -30px;
}

.description_text {
    font-size: .8em;
    line-height: 2em;
}

.product_image {
    flex-grow: 2;
    text-align: center;
}





/******************************

      dimensions & callouts

*******************************/

#dimensions {
    margin-top: 20px;
}

#dimensions_media {
    width: 80%;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.dimensions_image {
    width: 100%;
}
/*
#callouts {
    margin: 5px auto;
}*/

#callouts ol {
    width: 90%;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: space-around;
    align-content: space-around;
    height: 85px;
    font-size: .6em;
    letter-spacing: 0em;
    margin: 10px 0 0 -10px;
}

#callouts ol li {
    width: 160px;
    box-sizing: border-box;
    margin-left: 10px;
    padding-right: 10px;
}

#callouts ul {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .7em;
    letter-spacing: 0.1em;
    list-style: none;
    padding: 0;
    text-align: center;
}

#callouts ul li {
    width: 100%;
}

#callouts li:first-child:nth-last-child(n 15),
#callouts li:first-child:nth-last-child(n 15) ~ li {
    width: 140px;
}

#callouts li:first-child:nth-last-child(n 25),
#callouts li:first-child:nth-last-child(n 25) ~ li {
    width: 100px;
    font-size: .7em;
}



/******************************

      subtitles & contact

*******************************/

#subtitles_and_contact {
    margin-top: 20px;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#subtitle_section {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 50%;
    text-align: center;
}

.subtitle_label {
    font-family: "open sans", sans-serif;
    text-transform: uppercase;
}

.subtitle_box,
.subtitle_text {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.95em;
}

.subtitle_box {
    width: 30%;
}

.subtitle_icon {
    height: 70px;
}

.subtitle_icon img {
    height: 100%;
}

#contact_section {
    width: 100%;
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
}

#contact_title {
    width: 40%;
    font-family: "open sans", sans-serif;
    font-size: 1.3em;
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-weight: 700;
    
}

#contact_info {
    width: 60%;
}

#contact_info ul {
    padding: 0;
    margin-left: 15px;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
   }

#contact_info li:before {
    content: ;
    background-size: 10px 6px;
    display: inline-block;
    width: 10px; 
    height: 6px;
    margin-right: 10px;
}

#contact_info ul li {
    list-style-type: none;
    font-size: .85em;
    line-height: 2em;
}

#text_sales {
    margin-left: 4px;
    color: #990000;
}

/******************************

          spec list

*******************************/

#page2 {
	-webkit-display: flex
    display: flex
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.spec-container {
    margin-top: 30px;
    width: 100%;
    /*height: 880px;*/
    font-family: sans-serif;
}

.spec-list {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
ul.spec-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.spec-section {
    width: 49%;
}

.spec-title {
    font-family: "open sans", sans-serif;
    line-height: 1.6em;
    font-size: 0.85em;
    font-weight: bold;
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.7em;
    letter-spacing: 0.05em;
}

.spec-table tr:nth-child(odd) {
    background-color: #ddd;
}

.spec-table tr:nth-child(even) {
    background-color: #fff;
}

.spec-group-label,
.spec-group-value,
.spec-grouped-text {
    padding: 5px;
}

.spec-group-label {
    width: 160px;
}

.footer {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-size: 0.6em;
}

.alert-info {
    width: 100%;
    background: #d9edf7;
    border-color: #bce8f1;
    padding: 1em 2em;
    margin: 20px 0;
    border-radius: 4px;
    color: #31708f;
}

/******************************

      media queries & fixes

*******************************/

.clearfix:before,
.clearfix:after {
        content: " ";
        display: table;
   }

.clearfix:after {
    clear: both;
}

@media only screen and (max-width: 760px) {
    #contact_title {
        font-size: 1.1em;
    }
    
    #contact_info ul li {
        font-size: 0.75em;
    }
    
    .subtitle_text {
        font-size: 0.9em;
    }
}

@media only screen and (max-width: 650px) {
    #callouts ol li {
        width: 30%;
    }
    #dimensions_media {
        width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    #subtitles_and_contact,
    #contact_section {
        -webkit-justify-content: center;
        justify-content: center;
    }

    #contact_section,
    #subtitle_section {
        width: 100%
    }

    #contact_title {
        font-size: 1.3em;
    }

    #contact_info ul li {
        font-size: 0.9em;
    }

    .subtitle_text {
        font-size: 1em;
    }

    #spec-container {
        height: 1300px;
    }

}

@media only screen and (max-width: 480px) {
    #media_section {
        height: auto;
        margin-top: 15px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #key_features {
        margin-top: 15px;
        width: 100%;
    }

    #product_details {
        margin-top: 15px;
    }

    .dimensions_image {
        width: 100%;
        margin: 10px auto;
    }

    #callouts ol {
        width: 100%;
        height: 200px;
    }

    #callouts ol li {
        width: 160px;
        font-size: 0.9em;
    }

    .spec-container {
        height: auto;
    }

    .spec-list {
        -webkit-flex-direction: row;
        flex-direction: row;
        height: auto;
    }

    .spec-section {
        width: 100%;
    }
}



@media all {
    .page-break	{ display: none; }
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
    
    .page-break { 
        display: block; 
        page-break-before: always; 

    }

    #subtitles_and_contact {
        border-bottom: none;
        padding-bottom: 0;
    }

    .spec-list,
    .spec-container {
        margin-top: 0;
    }

    .spec-container {
        height: 96%;
        font-family: "helvetica", "arial", sans-serif;
    }

    #footer {
        margin-top: 10px;
        height: 1em;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .screen-only {
        display: none;
    }
}