html {
  font-size: 19px;
  scroll-behavior: smooth;
}

.masthead {
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #000000;
  height: 300px;
}

.main.container {
  margin-top: 7em;
}

@media (max-width: 680px) {
  .ui.menu {
    font-size: 17px;
  }
  .space {
    display: none!important;
  }
}

.ui.menu {
  border-radius: 0px;
  margin: 0px;
}

.ui.secondary.menu {
  margin-right: 0px;
}

.ui.secondary.menu .item {
  padding: .58571429em .92857143em;
}

p.lead {
  font-size: 1.3em;
  color: #333333;
  line-height: 1.4;
  font-weight: 300;
}

.masthead-content {
  text-align: center;
  font-size: 2em;
  line-height: 1em;
  color: #ffffff;
}

@media (min-width: 740px) {
  .gfwidth {
    width: 700px!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}

@media (max-width: 740px) {
  .gfwidth {
    min-width: 200px;
    width: auto!important;
    margin-left: 1em!important;
    margin-right: 1em!important;
  }
}

.main {
  padding-top: 4em;
}

.ui.segment {
  margin-top: 2em;
}

.gfbackground {
  background-color: #1a243a!important;
}

.wrong_image {
  border: 3px solid red;
}

.small.text {
  font-size: 0.8rem;
}