/* --------------------------------------------------------------------------------------------- */

* { padding: 0; margin: 0; min-height: 0; min-width: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
/* --------------------------------------------------------------------------------------------- */

body { font-family: 'Century Gothic', sans-serif; font-size: 16px; line-height: 1.85; background: #fff; color: #000; overflow-x: hidden; min-height: 100vh; max-width: 100vw; }

.wrapper { position: relative; overflow: hidden; min-height: 90vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 40px; }
	
a, button, label, a:before, a:after, button:before, button:after, a svg path { transition: all .3s; }

p { font-size: 32px; }
p span { color: #7f1912; font-size: 170px; }
p a { color: #000; text-decoration: none; position: relative; }
p a::before { content: ''; display: block; position: absolute; top: 100%; left: 0; height: 2px; background: #7f1912; width: 0; }
br { display: none; }

@media all and (hover:hover) {

    p a:hover { color: #7f1912; }
    p a:hover::before { width: 100%; }

}

@media all and (max-width: 990px) {

    p span { display: block; line-height: 1; }
    p a { display: block; }

}