#text { height: 80vh;overflow-y:auto;}h3{font-weight:bold;}.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog>div{width:250px;position:relative;margin:10% auto;padding:5px 20px 13px 20px;border-radius:10px;background:#fff;background:-moz-linear-gradient(#fff,#999);background:-webkit-linear-gradient(#fff,#999);background:-o-linear-gradient(#fff,#999)}.close{background:#606061;color:#FFF;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:bold;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}.close:hover{background:#00d9ff}a{word-wrap:break-word;} h1 { top: 60px;left:60px;font-family:Courgette;font-size:2em;margin-bottom:20px; } .right { display: inline-block; } a { color: #414249; text-decoration: none; } ul li { margin-bottom: 20px;  } ul li a { font-weight: bold; } #hero .owl-controls .owl-dots .owl-dot:hover span, #hero .owl-controls .owl-dots .owl-dot.active span { background: #121212; } #hero .owl-controls .owl-dots .owl-dot span { background: #aaa; } .right nav ul li a { font-size: .8em; } .star { color: #f00; } @media (max-width: 768px) { .about, .contact, .divider, .bottom, .star { display: none; } .mcontact, .intro { display: block; } .right nav { top: 12%; } #panel #text p { margin: 20px; }  h1 { font-size: 1em; } } @media (min-width: 768px) { .modalhdr { margin: 10px; } .mcontact, .intro { display: none; } .contact, .about { text-align: center; font-weight: bold; font-size: .8em; display: inline-block; } .right nav { bottom: 10px; } #panel #text p { margin: 20px; } ul li { margin: 0; font-size: 15px; } }