/* Meyer Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; text-decoration: none; text-align: left; color: #000; } p { font-size: 14px; line-height: 1.4; font-weight: normal; color: #000; } body { line-height: 1.1; font-family: Verdana, Geneva, sans-serif; text-align: left; } #wrapper { max-width: 1020px; background-image: url(../images/web-vegetables.jpg); background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top:0; } #floater { left: auto; right: auto; width: 100%; margin-top:0; margin-bottom:0; text-align: center; } #head1 { color: #FFF; background-color: #5d9399; text-align: left; font-size: 17px; padding-bottom: 6px; padding-top: 6px; padding-left: 22px; font-weight: bold; } #head2 { color: #FFF; background-color: #f99d32; text-align: left; font-size: 17px; padding-bottom: 6px; padding-top: 6px; padding-left: 22px; font-weight: bold; } #head3 { color: #FFF; background-color: #e4701e; text-align: left; font-size: 17px; padding-bottom: 6px; padding-top: 6px; padding-left: 22px; font-weight: bold; } #nav { background-color: #FFF; background-image: url(../images/arm-arm2.jpg); height: 177px; background-repeat: no-repeat; background-position: right bottom; padding-top: 3px; } #box1 { background-color: #ddf1f3; } #box2 { background-color: #f9debf; } #box3 { background-color: #eeceb7; } #insurance { color: #FFF; background-color: #5d9399; text-align: center; font-size: 14px; padding-bottom: 8px; padding-top: 4px; font-weight: bold; width: 96%; margin-left: auto; margin-right: auto; display: table; line-height: 19px; padding-left: 4px; padding-right: 4px; } #bottom { color: #FFF; background-color: #e4701e; text-align: center; font-size: 20px; font-weight: bold; width: 100%; margin-left: auto; margin-right: auto; display: table; padding: 12px; line-height: 1.3em; } ul { font-size: 14px; line-height: 1.4; font-weight: normal; color: #000; list-style-type:disc; } li { text-decoration: none; color: #000; margin-left: 16px; } * { box-sizing: border-box; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; padding-left: 20px; padding-right: 20px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } } /* Create two unequal columns that floats next to each other */ .column1 { float: left; padding: 10px; } .left1 { width: 25%; } .right1 { width: 75%; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 900px) { .left1 { width: 100%; } .right1 { width: 100%; } } /* Create two unequal columns that floats next to each other */ .column-nav { float: left; } .left-nav { width: 40%; } .right-nav { width: 60%; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 900px) { .left-nav { width: 100%; } .right-nav { width: 100%; } } /* TOP NAV ____________________ */ .topnav { overflow: hidden; background-color: #FFF; } .topnav a { float: left; display: block; color: #000; text-align: center; padding: 6px 16px; text-decoration: none; font-size: 12px; margin-left: 16px; } .topnav a:hover { background-color: #ddd; color: #F00; } .topnav a.active { background-color: #4CAF50; color: white; } .topnav .icon { display: none; } @media screen and (max-width: 950px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 950px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; } .topnav.responsive .dropdown {float: none;} .topnav.responsive .dropdown-content {position: relative;} .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }