.header .navbar .ul{max-width:screen; display:flex; align-self: auto;}

.logo{max-width:800px;width: 100%;flex: auto;}
.navbar{align-content: space-between;}

.navbar>ul>li{display: inline-flex; align-content: space-evenly;vertical-align: middle;}

@font-face {
    font-family: mainfont;
    src: url(assets/nanhalogigowide.ttf);
}

@font-face {
    font-family: subfont;
    src: url(assets/futura.otf);
}

body {font-family: mainfont;}
h2 {color: red;font-size: 35px;}
a:not(.logolink){font-size: 15px; text-decoration: none;color: white;background-color: blue;
margin: 10px 10px; padding: 20px 20px; border-radius: 10px;}
a:hover:not(.logolink) {background-color: red;}
p{font-family: subfont; font-size: 20px;}
.navbar{text-align: center;}
.navnow{background-color: red !important;}
.regnow{text-align:center; display:flex ;align-self: auto;max-width: 100%;flex-grow: 1;flex-shrink: -2;}
.regnow>a{font-size: 7vw; flex: auto;flex-grow: 1;flex-shrink: -2;margin-top: 7%;margin-left: 50px; margin-right: 50px;border-radius: 50px;margin-bottom: 7vw;}

.htr{margin-right: 3vw;margin-left: 3vw;}
.htrp{margin-top: -10px;}

@media screen and (max-width: 600px){
    h2,.htr{font-size: 5vw;text-align: center;}
    p{font-size: 3vw;}
}