html,
body {
   width: 100%;
   height: 100%;
   margin: 0;
}

body {
   font-family: "Helvetica Neue", Arial, sans-serif;
   background-color: #f4f4f4;
   color: #1e2d4f;
   margin: auto;
   padding: 0px;
   text-align: center;
}

.logo {
   background-color: #f4f4f4;
   width: auto;
   text-align: center;
   padding: 48px 8px 8px 8px;
   margin-bottom: 32px;
}
.logo > img {
   width: 30vmin;
   max-width: 220px;
}

.menu {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.viktoria {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   background-image: url("images/viktoria2.jpg");
   background-size: contain;
   background-repeat: no-repeat;
   height: 100%;
   width: 100%;
   transform: rotate(90deg);
}
.btn {
   outline: none;
   border: none;
   cursor: pointer;
   display: block;
   position: relative;
   background-color: #7b7b7b;
   font-size: 16px;
   font-weight: 300;
   color: white;
   text-transform: uppercase;
   letter-spacing: 2px;
   padding: 25px 80px;
   border-radius: 16px;
   box-shadow: 0 6px #737373;
   margin: 16px;
   transition: color 0.3s ease-in;
   text-align: center;
}

h3 {
   font-size: 16px;
   color: #538aa1;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.btn-block {
   text-align: center;
   padding: 20px 40px;
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
   display: block;
   transition: transform 0.25s ease;
   transform: scale(1);
   will-change: transform;
   width: 200px;
   margin: 8px;
   background-color: #f7f7f7;
}

.btn-block:hover {
   transform: scale(1.02);
}

.btn-block:active {
   box-shadow: none;
   top: 6px;
}

.btn-image {
   filter: invert(17%) sepia(7%) saturate(4478%) hue-rotate(159deg) brightness(99%) contrast(86%);
   width: 120px;
   height: 120px;
   /* color: #1e3d4f; */
}



a {
   color: #1e2d4f;
   transition: all 0.35s;
   text-decoration: none;
}

a:hover,
a:focus {
   color: #1e2d4f;
   outline: 0;
}

@media (max-width: 660px) {
   .menu {
      flex-direction: column;
      align-items: center;
   }
   .btn {
      width: 50%;
      font-size: 14px;
   }
}

@media (max-width: 768px) {
   h3 {
      font-size: 14px;
   }

   .btn-block {
      width: 180px;
      padding: 16px 24px;
   }

   .btn-image {
      width: 100px;
      height: 100px;
   }

   .logo {
      padding: 24px 8px 8px 8px;
      margin-bottom: 16px;
   }
}