@font-face
{
	font-family: 'Stilu';
	src : url(../fonts/Stilu-Regular.otf);
}

@font-face
{
  font-family: 'Rimouski';
  src : url(../fonts/rimouski-sb.ttf);
}

/*html *
{
   font-family: 'Bebas Neue' !important;
}*/


    .hidden.menu {
      display: none;
    }

    .masthead.segment {
      min-height: 700px;
      padding: 1em 0em;
    }
    .masthead .logo.item img {
      margin-right: 1em;
    }
    .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;
    }

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

    @media only screen and (max-width: 700px) {
      .ui.fixed.menu {
        display: none !important;
        border-bottom:1px solid white;
      }
      .secondary.pointing.menu .item,
      .secondary.pointing.menu .menu {
        display: none;
      }
      .secondary.pointing.menu .toc.item {
        display: block;
      }
      .masthead.segment {
        min-height: 350px;
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }
    }

    @media only screen and (min-width: 700px)
    {
      .fixed.menu .toc.item 
      {
          display: none;
      }
    }


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#image-header
{
  height: 45px;
  margin-top: 20px;
}

#section1
{
  background-color: #0db8a6;
}

/*#section3
{
  background-image: url('../img/gunung.png'),url('../img/tree.png');
  background-size: 50%;
  background-repeat: no-repeat,repeat-x;
  background-position: 100% 105%,0% 100.65%;
}*/

#section2
{
  /*background-color: #404040;*/
  background-image: url('../img/sec2.png');
  background-size: cover;
  /*background-size: 50%;
  background-repeat: repeat-x;
  background-position: 0% 100.65%;*/
}

#section4
{
  background-image: url('../img/Bubble.png'),url('../img/iwakrameplusbg.png');
  background-size: 7%,cover;
  background-repeat: no-repeat,no-repeat;
  background-position: 0% 105%,0% 0%;
}

#section5
{
  /*background-color: #404040;*/
  background-image: url('../img/sec5.png');
  background-size: cover;
}

#section6
{
  /*background-color: #0db8a6;*/
  background-image: url('../img/iwakrameplusbg.png');
  background-size: cover;
}

#section7
{
  background-color: #0db8a6;
}

.clear
{
  clear: both;
}