* {
         margin                          : 0;
         padding                         : 0;
         box-sizing                      : border-box;
         }

@font-face {
    font-family: 'standard';
    src: url('.../font/Raleway/Raleway-Regular.woff2') format('woff2'),
         url('../font/Raleway/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'logo-schrift';
    src: url('../font/Lexend_Deca/LexendDeca-Bold.woff2') format('woff2'),
         url('../font/Lexend_Deca/LexendDeca-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Poiret One';
    src: url('../font/PoiretOne/PoiretOne-Regular.woff2') format('woff2'),
        url('../font/PoiretOne/PoiretOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
         color                           : #001060;
         background-color                : #FFFFFF;
         font-size                       : 1em;
         line-height                     : 1.75;
         font-family                     : 'standard';
         display: flex;
         align-items: center;
                  min-height              : 80vh;  }

a{
         color                           : #001060;
         text-decoration                : none;
         font-weight             : bold;}
a:hover{
         color                           : #001060;
         text-decoration                : underline;}

p {margin-bottom: 1em;
}

.wrapper {
         display         : flex;
         flex-wrap       : wrap;
         font-family     : 'standard';
         align-items      : center;}



@media screen and (min-width:600px) {
.wrapper,header,.main,footer {
         width                   : 600px;
         margin                  : 0 auto;}}
@media screen and (max-width:600px) {
.wrapper,header,.main,footer {
         width                   : 85%;
         margin                  : 0 auto;}}

header{
         padding-bottom          : 1em;
         text-align              : center;}

.main                  {
          min-height              : 50vh;}

ul {
         margin-left             : 2em;}


h1  {
         font-family                     : 'logo-schrift';
         text-align                      : center;
         margin                          : 1em 0;
         font-size                       : 2.5em;
         font-weight                     : bold!important;
         }

h3 {
         font-family                     : 'logo-schrift';
         font-size                       : 1.15em;
         margin                          : 0em;
         text-align                      : left;
         font-weight                     : bold!important;
         text-decoration                 : underline

         }


h4 {
         font-family                     : 'logo-schrift';
         font-size                       : 1.25em;
         margin                          : 0em;
         text-align                      : center;
         font-weight                     : bold!important;

         }

h5 {
         font-size                       : 1.15em;
         margin-top                      : 1em;
         text-align                      : left;
         font-weight                     : bold!important;
         text-decoration                 : underline}

.center {
         text-align: center;
         }



footer a {

         text-decoration                 : none;
}

footer a:hover,
footer a:focus {
         text-decoration                 : underline;
}