/* @override http://macs.local/david/wp-content/themes/dw/css/front-page.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { padding: 0; margin: 0; background: rgba(242, 242, 242, 0.7); color: #666; font-size: 12px; line-height: 18px; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } a img { border: none; } p { font-size: 13px; margin-bottom: 8px; } h4 { font-size: 13px; margin-bottom: 10px; } h3 { font-size: 14px; margin-bottom: 0px; } h2 { font-size: 16px; margin-left: 25px; } p.noindent { margin-bottom: 10px; text-indent : 0px; } a:link { color: #000; text-decoration: none; } a:visited { color: #000; text-decoration: none; } a:active, a:hover { color: #757576; text-decoration: none; } .screen-reader-text { position: absolute; left: -9000px; } .header { margin: 0 0 50px 0; } .container { margin: 0 auto; text-align: center; } .card .logo .svg { margin: 0 auto; } .card .content img { float: left; margin: -5px 0 -40px 95px; } .card .content .icons img { margin: 3px; float: none; } .card .content { margin: 100px auto; width:500px; background: #fff; padding: 50px 20px 30px; -webkit-animation-name: none; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 400s; z-index:-1; width:450px; border-top: 1px solid #fff; -webkit-box-shadow: 0px 3px 5px #cbcbcb; -moz-box-shadow: 0px 3px 5px #cbcbcb; box-shadow: 0px 3px 5px #cbcbcb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .card .search { margin: 10px; } .bottom { margin-top: 20px; } .bottom p { margin: 0; } .bottom a { color: #666; } .left-bottom { float: left; display: block; text-align: left; margin: 0px 0 0 50px; } .left-bottom p { font-size: 9px; } .right-bottom { margin: 0px 50px 0 0; text-align: right; font-size: 9px; } .right-bottom p { font-size: 9px; } .contact { font-size: 12px; } @-webkit-keyframes Rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @media (max-width: 480px) { .card #content { -webkit-animation-name: none; width:550px; } h2 { font-size: 21px; } h3 { font-size: 19px; } h4 { font-size: 17px; } .header { margin: 0 0 55px 0; } #content img { margin: -5px 0 -40px 80px; } .bottom { margin-top: 50px; } .bottom p { font-size: 9px; } } #icon { display: block; box-sizing: border-box; width:50px; height:50px; background: #FFF; margin:10px 0 -30px 50px; padding: 0px; } #options { margin:0; text-align:center; } .option { display: block; margin: auto; overflow: hidden; text-align: left; } label { text-align: right; display: inline-block; width:100px; }