.welcome{
  //background: url('images/octagon.png') no-repeat;
  
  //background-position: 0px 0px;
  //min-height:100vh;


} 

.konten{
  min-height: 50vh; padding-bottom: 30px; padding-top: 30px;
}

.paddingUp{
  margin-top: 50px;
  margin-bottom: 30px;
  display: block;
}

#withBg{
  background: url('images/octagon.png') no-repeat;

}

#withBg h2{
  color: #FBB80E;
}
#withBg h2.ui.header .sub.header{
  color: #FBB80E;
}

.flickerplate ul.flicks>li .flick-title{
  color: #2185D0;
  
  font-weight: bold;
  text-shadow: 0 0 4px #000;
  -moz-text-shadow: 0 0 4px #000;
  -webkit-text-shadow: 0 0 4px #000;
}

.flickerplate ul.flicks>li .flick-sub-text{
  color: #FBB80E;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-shadow: 0 0 2px #000;
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
}

#section2{
  padding-bottom: 40px;
}

#section3{
  
  background:  url('images/testimoni.jpg') left no-repeat;
  background-size: cover;
  
  color: #fff;
}

#section3-bg{
  background: rgba(0,0,0,0.6);
  padding-top: 50px;
  padding-bottom: 10px;
}

#section3 h1,h2,h3,h4{
  color: #fff;
}

.list{
  padding-bottom: 15px;
}

.kilasGaleri img:before{
  display: none;
}


    .hidden.menu {
      display: none;
    }

    .masthead.segment {
      
    }
    .masthead .logo.item img {
      margin-right: 1em;
      width: 200px;
    }
    .masthead .ui.menu .ui.button {
      margin-left: 0.5em;
    }
    .masthead h1.ui.header {
      margin-top: 3em;
      margin-bottom: 0em;
      font-size: 4em;
      font-weight: normal;
    }
    .masthead h2 {
      font-size: 1.7em;
      font-weight: normal;
    }

    .ui.vertical.stripe {
      padding: 8em 0em;
    }
    .ui.vertical.stripe h3 {
      font-size: 2em;
    }
    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
      margin-top: 3em;
    }
    .ui.vertical.stripe .floated.image {
      clear: both;
    }
    .ui.vertical.stripe p {
      font-size: 1.33em;
    }
    .ui.vertical.stripe .horizontal.divider {
      margin: 3em 0em;
    }

    .quote.stripe.segment {
      padding: 0em;
    }
    .quote.stripe.segment .grid .column {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .footer.segment {
      padding: 5em 0em;
    }

    .secondary.pointing_.menu .toc.item {
      display: none;
    }

    .secondary.pointing_.menu .header.item {
        display: none;
      }



.topTitle{
  padding-top: 30px;
  padding-bottom: 30px;
  background: url(images/octagon.png) no-repeat top left #E7E7E7;
  background-size: 320px;

}

.topTitle .ui h2{
  color: #FBBD08;
}


.topTitleAlign{
  text-align: right;
}

#headCover{
  background: url('images/cover.jpg') no-repeat;
  background-size: 100% 300px;
}

#headCover h3{
  
}


    @media only screen and (max-width: 700px) {
      .ui.fixed.menu {
        display: none !important;
      }
      .secondary.pointing_.menu .item,
      .secondary.pointing_.menu .menu {
        display: none;
      }
      .secondary.pointing_.menu .toc.item {
        display: block;
      }

      .secondary.pointing_.menu .header.item {
        display: block;
      }
      .masthead.segment {
        
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }

      #withBg{
        background: url('images/octagon.png') no-repeat;
        background-position: -120px -40px;

      }
      .topTitleAlign{
          text-align: left;
        }

        .topTitle{
          padding-top: 30px;
          padding-bottom: 30px;
          background: url(images/octagon.png) no-repeat top left #E7E7E7;
          background-size: 400px;
          background-position: -80px 0;

        }

        .ui.breadcrumb  a{
          color: #fff;
        }


    }

    @media only screen and (max-width: 768px) {
       .ui.fixed.menu {
        display: none !important;
      }
      .secondary.pointing_.menu .item,
      .secondary.pointing_.menu .menu {
        display: none;
      }
      .secondary.pointing_.menu .toc.item {
        display: block;
      }

      .secondary.pointing_.menu .header.item {
        display: block;
      }
      .masthead.segment {
       
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }
    }

    .flicker-example2{
      background: transparent;
      height: 300px;
      padding-top: 0;
    }

    .flicker-example2.flickerplate ul.flicks>li .flick-inner{
      vertical-align: top;
    }

    .flicker-example2.flickerplate ul.flicks>li .flick-title{
      font-size: 16px;
      text-shadow: none;
      color: #fff;
    
    }