img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { min-width: 1080px; font-family: 'Questrial',sans-serif; font-size: 18px; color: #666; line-height: 1.5; text-align: center; margin: 0; padding: 0; background-image: url(/am/ames-refresh/images/bg.png); background-size: cover; background-position: top left; } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li { text-align: left; } .banner p, .visits h2, .visits strong, .social strong, .logs h2 { font-family: 'Montserrat',sans-serif; } a { text-decoration: none; } .clear { clear: both; } .center { text-align: center; } .wrap, section { max-width: 1080px; display: block; margin: 0 auto; position: relative; } .table { display: table; width: 100%; } .table > div { display: table-cell; vertical-align: middle; } header { height: 61px; background-image: linear-gradient(to right, transparent 50%, #45328e 50%); margin-top: 20px; border-top: 10px solid #fff; } header .table > div { vertical-align: top; } header .table > div:first-of-type { width: 35%; text-align: left; } header .table > div:last-of-type { width: 65%; } header img { margin-top: -15px; position: relative; z-index: 999; } header h1 { font-size: 30px; font-weight: normal; text-align: center; background-color: #45328e; color: #fff; margin: 0; padding: 8px 0 8px 20px; position: relative; } header h1:before { content: ""; width: 90px; height: 90px; background: #fff; border-radius: 50%; position: absolute; top: -15px; left: -70px; } section { margin-top: 40px; padding: 0 0 40px; } .banner { height: 500px; background-size: cover; background-position: center; position: relative; } .banner p { width: 40%; font-size: 40px; line-height: 1.3; text-align: center; text-transform: uppercase; color: #fff; margin: 0 auto; text-shadow: 3px 3px 5px #000; position: absolute; top: 50%; transform: translateY(-50%); right: 50px; } .banner strong { display: block; font-size: 50px; margin-top: 40px; } .attendance h2 { font-size: 20px; font-weight: normal; text-transform: uppercase; color: #4d4d4d; margin: 0; } .attendance p { margin: 10px 0; } .attendance span { display: inline-block; vertical-align: middle; margin: 5px 5px 0 0; } .visits { margin: 20px 0 50px; } .visits h2, .visits p, .leads h2, .leads p, .social p, .logs h2 { text-align: center; } .visits h2, .leads h2, .keyfresh h2, .logs h2 { text-transform: uppercase; } .leads h2, .keyfresh h2 { font-weight: normal; } .visits h2 { font-size: 32px; color: #fff; margin-bottom: -60px; } .visits p { font-size: 20px; line-height: 1.2; } .visits strong { display: block; font-size: 50px; color: #b5d671; } .visits > div:nth-of-type(3) { height: 150px; background-image: url(/am/ames-refresh/images/icon-users.png); background-repeat: no-repeat; background-position: center; } .leads { margin: 20px 0; } .leads h2, .leads p { line-height: 1.2; color: #fff; margin: 0; padding: 12px 0; border-top: 5px solid #fff; border-bottom: 5px solid #fff; position: relative; } .leads.web p { margin-left: -40px; border-radius: 0 50px 50px 0; border-right: 5px solid #fff; } .leads.news p { margin-right: -40px; border-radius: 50px 0 0 50px; border-left: 5px solid #fff; } .leads h2 { font-size: 20px; background-color: #45328e; padding: 24px 0; border-radius: 50px; border: 5px solid #fff; z-index: 999; } .leads p { background-color: #b5d671; } .leads span { display: block; font-size: 24px; } .leads.web > div:nth-of-type(1), .leads.news > div:nth-of-type(4) { width: 25%; } .leads.web > div:nth-of-type(2) p { z-index: 998; } .leads.web > div:nth-of-type(3) p { z-index: 997; } .leads.web > div:nth-of-type(4) p { z-index: 996; } .leads.web > div:nth-of-type(5) p { z-index: 995; } .social { font-size: 20px; margin-top: 60px; } .social strong { display: block; font-size: 45px; color: #45328e; } .social > div { height: 200px; background-repeat: no-repeat; background-position: center; } .social > div:nth-of-type(1) { background-image: url(/am/ames-refresh/images/icon-google.png); } .social > div:nth-of-type(2) { background-image: url(/am/ames-refresh/images/icon-facebook.png); } .social > div:nth-of-type(3) { background-image: url(/am/ames-refresh/images/icon-twitter.png); } .social > div:nth-of-type(4) { background-image: url(/am/ames-refresh/images/icon-linkedin.png); } .keyfresh { margin: 50px 0; } .keyfresh img { float: left; margin-right: 20px; } .keyfresh h2 { font-size: 30px; color: #45328e; margin: 0; } .keyfresh ul { text-align: left; margin: 0; padding: 0; } .keyfresh li { display: inline-block; width: 30%; } .keyfresh > div:first-of-type { width: 60%; } .keyfresh > div:last-of-type { width: 40%; } .keyfresh > div:last-of-type h2 { padding-top: 40px; } .keyfresh > div:last-of-type p { font-size: 24px; margin: 0; } .logs h2 { font-size: 32px; background-color: #b5d671; color: #fff; padding: 5px 0; border-radius: 50px; } .logs table { border-collapse: collapse; } .logs th, .logs td { padding: 15px; border-bottom: 1px solid #ddd; } .logs tr:last-of-type td { border: none; } footer { font-size: 20px; background-color: #45328e; padding: 5px 0; } footer p { text-align: center; } footer a { color: #fff; } .invis { display: none !important; }