.hero {
     background: url(/img/panorama.jpg);
    height: 23em;
        background-position: 0% 85%;
     background-position-y: 85%;
         background-size: cover;
         margin: 0;
         border: none;
         display: block;
}


.hero .ui.header{
    margin-left: 2em;
    padding-top: 0.5em;
}

.hero div.apha{
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 6em;
    position: relative;
    top: 17em;    
}

.site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.site-header{
    margin-top: 0;    
}

.site-header,
.site-footer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.site-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: var(--space) var(--space) 0;
  width: 100%;
}
.site-content{
    padding: 1em;
}
.site-content::after {
  content: '\00a0';
  display: block;
  margin-top: var(--space);
  height: 0px;
  visibility: hidden;
}
@media (--break-lg) {
  .site-content {
    padding-top: var(--space-lg);
  }
  .site-content::after {
    margin-top: var(--space-lg);
  }
}

.site-content--full {
  padding: 0;
}
.site-content--full::after {
  content: none;
}

#input-editor:focus{
  outline: none;
   color: rgba(0,0,0,.95);
    border-color: #85B7D9;
    border-radius: .28571429rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #FFF;
    box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}