:root {
  --primary: rgb(41, 78, 135);
  --background-color: #fff;
}

@font-face {
  font-family: 'Segoe UI';
  src: url(../fonts/Segoe_UI.ttf);
}

html,
body {
  height: 100vh;
  overflow: hidden;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: var(--background-color);
  color: var(--primary);
}

.banner {
  background: url(../images/background.png) no-repeat center center;
  background-size: cover;
}

.bg-prinary {
  background-color: var(--primary);
}

.bg-prinary:hover {
  background-color: rgb(41, 78, 135, 0.9);
}

@media screen and (max-width: 767px) {
  body {
    background: url(../images/background_mobile.png) no-repeat center center fixed;
    background-size: cover;
  }
}