body { 
font-family: 'Noto Sans', sans-serif; 
} 
@media 
    (max-width:330px),
    (min-device-width:760px) and (max-device-width:1024px) {
    table, thead, tbody,, th, td, tr { 
        display:block;
    }
    thead tr { 
        position: absolute;
        top: -9999px; 
        left: -9999px; 
    }
    tr { 
        border: 1px solid #ccc; 
    } 
    td:before { 
        /* Now like a table header */ 
        position:absolute; 
        /* Topl/left values mimic padding */ 
        top: 6px; 
        left: 6px; 
        width: 45%; 
        padding-right: 10px; 
        white-space:nowrap; 
    }
    /* Label the data */ 
    td:nth-of-type(1):before { content:"Thread Size"; } 
    td:nth-of-type(2):before { content: "Square Head"; } 
    td:nth-of-type(3):before { content:"Hex Socket"; } 
}
/* ---- All Sections ------ */ 
.container { 
width: 100%; 
} 
h1 { 
font-size: 2.2em;
}
h2 { 
font-size: 1.75em; 
} 
h3 { 
font-size: 1.3em;
}
h4 { 
font-size: 1.15em;
} 
h5 { 
font-size: 0.95em;
} 
a:visited { 
color:#C60C30;
} 
a:hover { 
color:#C60C30;
}
#anchor { 
width: 85%; 
display: block; 
float: left; 
} 
/* ------- Title Page -------- */ 
.frontpage { 
margin: auto; 
width: 100%; 
display: block; 
} 
.head { 
margin: auto; 
width: 85%; 
display: inline-block; 
}
.logo { 
float: left; 
width: 10% 
display: inline; 
padding: 20px;
} 
.subheader { 
float: right; 
display: inline;
font-size: 25px;  
padding: 20px;
} 
.title { 
margin: auto; 
width: 60%;
display: block;
font-size: 30px; 
padding: 20px; 
} 
#mainpics { 
margin: auto; 
width: 65%; 
display: block; 
padding: 20px; 
} 
.titan1 { 
float: left; 
display: inline; 
width: 50%;
} 
.titan2 { 
float: right; 
display: inline;
width: 50%;  
} 
.spacer { 
width: 100%; 
display: inline-block; 
height: 100px; 
padding: 10px;
}
#emptyspace { 
width: 100%; 
height: 70px;  
display: block; 
} 
/* ------ About Section ----- */ 
ul.address { 
list-style-type: none;
} 
#about { 
margin: auto; 
display: block; 
width: 85%; 
} 
/* ----------Table of Contents Section ----- */ 
#toc { 
margin: auto; 
display: block; 
width: 85%;  
} 
a#tableofcontents { 
width: 15%; 
display: block;
float: right;
font-size: 10px;
padding: 10px;
}
ul.contents { 
list-style-type: none;
} 
li.contents { 
padding: 12px;
}
ul.contents2 { 
list-style-type:none; 
}
.block1 { 
margin-left: 40px;   
} 
.block2 { 
margin-left: 40px; 
} 
.block3 { 
margin-left: 40px; 
} 
/* --------- Safety Information Section ------ */ 
.triangle { 
display: block;
}
.warningsign { 
display: inline; 
float: left; 
width: 10%; 
padding: 10px; 
}
.warningtext { 
display: inline-block; 
width: 75%; 
}
.safety { 
display: block; 
width: 100%; 
padding:10px;
} 
#safety { 
margin: auto; 
display: block; 
width: 85%; 
} 
ul.address { 
list-style-type: none; 
} 
/* ---------- Specifications Section ------------- */ 
#specs { 
margin: auto; 
display: block; 
width: 85%; 
} 
.fastenerid { 
margin: auto; 
display: inline-block; 
width: 85%; 
} 
.bolt1 { 
width: 50%; 
display: block; 
margin: auto; 
padding: 5px;
} 
.bolt2 { 
width: 50%; 
display: block;
margin: auto; 
padding: 5px; 
} 
.fid { 
margin: auto; 
width: 30%;
display: block; 
} 
.standtorque {  
margin: auto; 
display: block; 
width: 85%;
} 
#standtorquetitle { 
margin: auto; 
display: block; 
width: 80%;
text-align: center; 
} 
#standtorquetitlem { 
margin: auto; 
display: block; 
width: 70%;
text-align: center;
} 
.standtorque > p { 
font-size: 12px; 
} 
.standmetric { 
margin: auto; 
display: block;
width: 85%;
} 
.standmetric > p { 
font-size: 12px; 
    margin:auto;
} 
.metricfasteners { 
    width:100%;
    margin: auto; 
} 
th.metricfasteners {
border: 1px solid black; 
background-color: darkgray;
} 
#threadsize { 
    width: 15%; 
}
/* ------------- Other Torque Specifications Section ----------- */ 
.othertorque { 
margin: auto; 
display: inline-block; 
}
#specs34 { 
margin: auto; 
display: block; 
padding-bottom: 20px; 
} 
.spec3 { 
width: 50%; 
display: block; 
margin: auto; 
padding: 5px;
} 
/* ----------------- Table ---------------- */ 
table { 
border-collapse: collapse; 
    width:100%;
    margin:auto; 
} 
td.threadsize { 
border-top: none; 
} 
.grade8steelset {
margin: auto; 
width:45%; 
}
th { 
border: 1px solid black; 
background-color: darkgray;
} 
tr td { 
border: 1px solid black;
    text-align: center;
} 
/* ---------------- Specifications Cont. --------- */
.spec4 { 
width: 50%; 
display: block; 
margin: auto;
padding: 5px; 
} 
.steel { 
display: block; 
margin: auto;
width: 40%;
padding: 10px;
text-align: center;
} 
.wheel { 
display: block; 
margin: auto;
width: 30%;
padding: 10px;
text-align: center;
}
#specs56 { 
display: block; 
margin: auto; 
padding-top: 20px; 
}
.thread1 { 
display: block; 
margin: auto;
width: 42%;
padding: 10px; 
text-align: center;
} 
.thread2 { 
display: block; 
margin: auto;
width: 42%;
padding: 10px;
text-align: center;
} 
.spec5 { 
display: block; 
margin: auto; 
width: 50%;
padding: 5px;
} 
.spec6 { 
display: block; 
margin: auto;
width: 50%; 
padding: 5px;
} 
.undertext { 
font-size: 12px; 
display: block; 
margin: auto;
width: 40%;
} 
.conversion1 { 
width: 35%; 
margin: auto; 
display: inline; 
float: left; 
} 
.conversion2 { 
width: 35%; 
margin: auto; 
display: inline; 
float: right; 
} 
#factors { 
width: 85%; 
margin: auto; 
} 
/* ------------ Equivalents & Conversions Section ------------ */ 
#equiv { 
margin: auto; 
display: block; 
width: 85%; 
} 
#mill { 
margin: auto; 
width: 45%; 
display: block; 
} 
.spec7 { 
margin: auto; 
width: 85%; 
display: block; 
padding-bottom: 20px; 
} 
#us { 
margin: auto; 
width: 35%; 
display: block; 
padding-top: 10px; 
} 
.spec8 { 
margin: auto; 
width: 85%; 
display: block; 
} 
/* ------ Titan ZX Specs Section ---------- */ 
#zx { 
margin: auto; 
display: block; 
width: 32%; 
padding-top: 20px; 
} 
.spec9 { 
margin: auto; 
display: block; 
width: 75%; 
padding-bottom: 20px; 
} 
.subheading { 
margin: auto; 
display: block; 
width: 20%; 
padding: 5px; 
} 
.spec10 { 
margin: auto; 
display: block; 
width: 85%; 
padding-bottom: 20px; 
} 
.spec11 { 
margin: auto; 
display: block; 
width: 85%; 
padding-bottom: 20px; 
} 
.spec12 { 
margin: auto; 
display: block; 
width: 80%;
padding-bottom: 20px;
} 
/* --------- Titan MX Specs Section ----------- */ 
#mx { 
margin: auto; 
display: block; 
width: 32%; 
padding-top: 20px; 
} 
.spec13 { 
margin: auto; 
display: block; 
width: 75%; 
padding-bottom: 20px; 
} 
.spec14 { 
margin: auto; 
display: block; 
width: 75%; 
padding-bottom: 20px; 
} 
.spec15 { 
margin: auto; 
display: block; 
width: 75%; 
padding-bottom: 30px; 
} 
.spec16 { 
margin: auto; 
width: 70%;
display: block; 
} 
/* -------- Engine Section ---- */ 
#enginerpm { 
margin: auto; 
display: block; 
width: 32%; 
padding-top: 20px; 
} 
.spec17 { 
margin: auto; 
display: block; 
width: 75%;
padding-bottom: 20px; 
}  
/* ----------- Hydro Gear Specs Section ------- */ 
.hydroengine { 
margin: auto; 
width: 60%; 
display: block; 
padding: 10px; 
} 
.enginespec { 
margin: auto; 
width: 95%;
display: block; 
} 
.hydraulicoil { 
margin: auto; 
width: 70%; 
display: block; 
padding: 10px; 
} 
ul.steps { 
list-style-type: none; 
font-size: 15px; 
margin: auto; 
width: 20%;
} 
/* -------------- Chassis Section ------------- */ 
#chassis { 
margin: auto; 
width: 85%; 
display: block; 
} 
.greasenumber { 
margin: auto; 
width: 70%; 
display: block; 
padding-bottom: 30px; 
} 
.bigschematic { 
margin: auto; 
width: 85%; 
display: block; 
} 
.frontaxle { 
margin:auto; 
width: 70%; 
display: block; 
} 
.casterwheel { 
margin:auto; 
width: 70%; 
display: block; 
}