* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}

.preload-transitions * {

  transition: none !important;
}
.container {
  margin: 30px auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@media (min-width: 1920px) {
  .container {
    width: 1840px;
  }
}



.logo {
  width: 187px;
  height: 69px;
  background: url("../../img/chip-ickudhK.svg");
  background-size: cover;
  margin: auto;
}

.search-container {
  max-width: 700px;

  margin: auto;
  margin-top: 1rem;
}

.hidden {
  display: none !important;
}

.sd-swb-wrapper {
  background-color: #f9f9f9;
  border-bottom: 1px solid #ccc;
  padding: 0px 0;
}

textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

.mb30 {
  margin-bottom: 30px;
}

.header {
  display: grid;
  row-gap: 5px;
  grid-template-areas:
    "burger topnav"
    "logo logo"
    "searchbar searchbar";
}

.burger-container {
  grid-area: burger;
}
.logo-container {
  grid-area: logo;
}
.search-container {
  grid-area: searchbar;
}
.topnav-container {
  grid-area: topnav;
}

.maintitle {
  margin: 20px 0;
  color: var(--primary);
  font-weight: 600;
  font-size: 1.7rem;
  border-bottom: 5px solid var(--primary);
}

.subtitle {
  margin: 5px 0 5px 0px;
  padding: 5px 0 5px 10px ;

  color: var(--primary);
  font-weight: 300;
  font-size: 1.7rem;
  border-left: 10px solid var(--secondary);


}




.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  max-width: 800px;
}

@media (min-width: 700px) {
  .maintitle {
    font-weight: 300;
    font-size: 3rem;
  }
}

@media (min-width:  800px) {
  .header {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }





  .logo {
    margin: initial;
  }

  main {
    min-height: 500px;
  }
}