.relative { position: relative; } .block { display: block; } .center { text-align: center; } .right { text-align: right; } .center-cnt { margin: 0 auto; display: block; max-width: 944px; width: 944px; padding: 0; } .center-cnt.nopadding { padding: 0; } body *, html * { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; } .inline-block { display: inline-block; } a { text-decoration: underline; } a:hover { color: #2389cc; } .inline-block { display: inline-block; } .nowrap { white-space: nowrap; } div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } p, ul, ul li { font-size: 20px; font-weight: 300; line-height: 1.5em; } p { margin: 0 0 1.5em 0; } h1 { font-size: 50px; font-weight: normal; line-height: 54px; white-space: nowrap; text-align: center; } h2 { font-size: 50px; font-weight: normal; line-height: 54px; text-align: center; } .bbtm { background-image: url('/images/pages/home/bgbtm1.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .bg-image { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: block; background-image: url('/images/pages/home/ny3.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .pcnt { display: block; position: relative; top: 0; left: 0; z-index: 20; } p.big { font-size: 30px; font-weight: 300; line-height: 1.5em; margin: 0 0 1.5em 0; } #page { padding: 80px 0 0px 0; min-height: 100vh; height: 100vh; height: 100%; background-image: url('/images/pages/home/bgbtm1.jpg'); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } #page .bg-image { height: 100px; position: fixed; top: 0; left: 0; background-position: 0 20%; z-index: 10; } #page .pcnt { background-color: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100vh; height: 100%; min-height: 100vh; padding: 40px 0 0px 0; z-index: 5; } #page .lectures article { display: block; border-bottom: dotted 1px #ccc; padding: 20px 0 20px 0; } #page .lectures article .section { display: block; color: #777; font-size: 16px; margin: 0 0 0.5em 0; } #page .lectures article a { color: #333; text-decoration: none; } #page .lectures article .title { display: block; color: #555; font-size: 24px; line-height: 1.3em; margin: 0 0 1em 0; text-align: left; } #page .lectures article .anons .p { display: block; font-size: 16px; margin: 0 0 1em 0; } #page .lectures article .anons, #page .lectures article .anons .p { display: block; color: #777; font-size: 14px; } #page .lectures article a:hover .title { text-decoration: underline; } #page .lectures article a:hover .anons .p { color: #555; } @media all and (max-width: 500px) { .bg-image { background-position: top left; background-size: 2100px; } #page { padding: 60px 0 0px 0; } #page .bg-image { display: none; } #page .lectures article { display: block; border-bottom: dotted 2px #888; padding: 40px 0 40px 0; } #page .lectures article .section { font-size: 8vw; } #page .lectures article .title { font-size: 12vw; } #page .lectures article .anons .p { font-size: 10vw; } }