html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

:root{
    --background-color: #FAF8EA;
    --primary-color-blue: #31599E;
    --secondary-color-red: #C96029;
}

@font-face {
    font-family: "Centaur";
    src: url("/css/fonts/centaur-webfont.woff") format("woff"),
}

body{
    position: absolute;
    background-color: var(--background-color);
    height: 100%;
    width: 100%;

}
.wip{
    
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.logo-img{
    max-width: 30%;
    max-height: 30%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-5%);
    position: relative;
}
@media (max-width: 767px){
    .logo-img{
        max-width: 75%;
        max-height: 75%;
    }
}

.wip-description{
    font-size: 60px;
    font-family: 'Centaur', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    text-align: center;
    color: var(--primary-color-blue);
}

.wip-description-sub{
    font-size: 30px;
    color: var(--secondary-color-red);
}