html, body {
 margin: 0px;
 padding: 0px;
 height: 100%;
 font-family: "Roboto";
}

a { text-decoration: none; color: #632a61; border-bottom: 1px dotted currentColor;}

.text {
    font-family: 'Fira Sans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;

}

#top {
 top: 0px;
 padding: 20px;
 max-width: 990px;
 margin-left: auto;
 margin-right: auto;
}

.wrap {
 max-width: 1024px;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}

.al-logo {
    font-family: 'Fira Sans';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    color: #000;
    font-size: 42px;
    letter-spacing: 3px;
}

.al-name {
    font-family: 'Fira Sans';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
 color: #000;
 font-size: 24px;
 padding-left: 20px;
/** vertical-align: bottom !important;**/
}

.toplogo {
 height: 10%;
}

#banner {
 background: #fff;
 left:0px;
 right: 0px;
 margin: 0px;
 margin-top: 0px;
 height: 500px;
 background: url(../img/dengine2.jpg) no-repeat center center;
 -webkit-animation: fader 5s ; /* Chrome, Safari, Opera */
 animation: fader 5s ;
}

.info {
left:0px;
margin: 0px;
margin-top: 20px;
padding: 20px;
}


#menu {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}

#menu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

#menu li {
    font-family: 'Fira Sans';
    font-weight: 600;
    font-style: normal;
    font-display: swap;

padding: 0px;
margin: 0px;
margin-bottom: 20px;
display: inline-block;
font-size: 24px;
color: #111;
}

#contact {
padding: 20px;
max-width: 990px;
margin-left: auto;
margin-right: auto;
color: #444;
text-align: left;
padding-bottom: 20px;
}


  /* Chrome, Safari, Opera */
  @-webkit-keyframes fader {
    from {opacity: 0.0;}
    to {opacity: 1;}
  }

  /* Standard syntax */
  @keyframes fader {
    from {opacity: 0.0;}
    to {opacity: 1;}
  }

  .table { display: table; }
  .row { display: table-row; }
  .cell { display: table-cell; vertical-align:middle; }