* {
   padding: 0;
   margin: 0;
   border: 0;
   font-family: "Open Sans", sans-serif;
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}


html {
   scroll-behavior: smooth;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

main {
   flex: 1 1 auto;
}

.container {
   width: min(100% - 20px, 1200px);
   margin-inline: auto;
}

/*---------------------------------------------------------*/
.building {
   background-color: #212121;
   min-height: 100svh;
   padding: 60px 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.building__body {
   display: flex;
   justify-content: center;
   align-items: center;
}

.part {
   position: fixed;
   top: 0;
   left: 0;
   opacity: 0.4;
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   z-index: 2;
}

.building__image {
   flex: 0 1 40%;
   position: relative;
   width: 40vw;
   aspect-ratio: 1/1;
   margin-inline: auto;
}

.building__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   animation: colored 2s ease 0s infinite;
}

.building__image p {
   font-size: 32px;
   text-align: center;
   font-family: "Open Sans", sans-serif;
   color: #c7741c;
   font-weight: 500;
   text-shadow: 0 0 3px #006c6e;
}

.building__title {
   flex: 1;
   text-align: center;
   color: #939292;
   font-family: "Open Sans", sans-serif;
}

.building__title p {
   font-size: 40px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 40px;
}

.building__title h1 {
   font-size: 40px;
   margin-bottom: 20px;
   color: #fff;
}

.building__title h2 {
   color: #006c6e;
   margin-bottom: 40px;
}




.company-info {
   display: flex;
   align-items: center;
   gap: 40px;
   margin-bottom: 40px;
   position: relative;
   z-index: 2;
}

.company-info img {
   animation: colored2 1.8s ease 0s infinite;
}

.company-info-items p {
   font-size: 16px;
   margin-bottom: 7px;
   letter-spacing: 2px;
   font-weight: 300;
   text-align: left;
}

.company-info-items p a {
   font-size: 16px;
   margin-bottom: 0;
   text-align: left;
   letter-spacing: 2px;
   color: #006c6e;
   font-weight: 700;
}

.company-info-items p a:hover {
   text-decoration: underline;
}

.timer {
   background: #006c6e;
   padding: 20px;
   border-radius: 30px 100px 30px 100px;
}

@media (max-width: 900px) {
   .building {
      padding: 0;
   }

   .building__body {
      flex-direction: column-reverse;
      padding-top: 40px;
      gap: 40px;
   }

   .building__title img {
      display: inline-block;
      margin-bottom: 30px;
   }

   .timer {
      background: #006c6e;
      padding: 20px;
      border-radius: 0;
   }

   .timer p {
      font-size: 18px;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 20px;
   }

   .building__image {
      width: min(90%, 240px);
      padding-bottom: 20%;
   }

   .building__image img {
      height: 80%;
   }
}

@keyframes colored {

   0%,
   100% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.02);
   }
}

@keyframes colored2 {

   0%,
   100% {
      transform: scale(1);

   }

   50% {
      transform: scale(1.04);

   }
}