@font-face {
font-family: "FFBauPro";
src: url("baupro.woff") format("woff"),
}
@font-face {
font-family: "FFBauPro Bold";
src: url("baupro-bold.woff") format("woff"),
}
@font-face {
font-family: "FFBauPro Super";
src: url("baupro-super.woff") format("woff"),
}
.background {
width: 100%;
height: auto;

position: absolute;
}
body {
  font-family: "FFBauPro", sans-serif;
}
a {
  font-size: 20px;
  color: #232323 !important;
  text-decoration-style: none !important;
}
a:hover {
  font-size: 20px;
  color: #FFE1C6 !important;
    text-decoration-style: none !important;
}
a:visited {
  font-size: 20px;
  color: #BAC1B8 !important;
    text-decoration-style: none !important;
}
a:active {
  font-size: 20px;
  color: #D4DCCD !important;
    text-decoration-style: none !important;
}
.background--color-map {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: animation-colors;
animation-name: animation-colors;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes animation-colors {
0% {
background-color: #636358;
}
25% {
background-color: #FFC857;
}
45% {
background-color: #E4572E;
}
55% {
background-color: #D64933;
}
65% {
background-color: #D4DCCD;
}
85% {
background-color: #FFE1C6;
}
100% {
background-color: #BAC1B8;
}
}

.center-screen {

color: #3E4144;

display: flex;
justify-content: center;
align-items: center;
text-align: center;
min-height: 100vh;
}
.logo{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: auto;
max-width:500px;
min-width: 100px;


}

.iglogo
{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin-top:10px;
height:25px;

}
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
.center-screen {
font-size: 6em;
}
}