@import url(https://fonts.googleapis.com/css?family=Passion+One);


::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

    .hidden.menu {
      display: none;
    }

    .masthead.segment {
      min-height: 300px;
      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: 1em;
      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;
    }

    @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;
      }
      .masthead.segment {
        min-height: 350px;
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 3em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }
    }

 .hidden.menu {
     display: none;
}
 .masthead.segment {
     padding: 1em 0em;
     height: 200px;
     opacity:0;
}
 .masthead .logo.item img {
     margin-right: 1em;
}
 .masthead h1.ui.header {
     line-height: 231px;
     height: 200px;
     font-size: 4em;
     font-weight: normal;
}
 .ui.vertical.stripe {
     padding: 6em 0em;
}
 .ui.vertical.stripe h3 {
     font-size: 2em;
     padding: 15px;
     width: 100%;
}
.dfwrap h3{
	text-align:left
}
 .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;
}
.lillogo{
	border-radius: 4px;
	margin: 0 5px;
	opacity: .8;
	box-shadow: 1px 1px 1px #dcdcdc6b;
	height: 60px !important;
	width: 60px !important;
	margin-top: -20px !important;
}
 .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;
}
 .showmobile {
     display: none;
}
 .secondary.pointing.menu .toc.item {
     display: none;
}
 @media only screen and (max-width: 1450px) {
     .quote h3{
         font-size: 1.85em !important;
    }
}
 @media only screen and (max-width: 1350px) {
     .quote h3{
         font-size: 1.8em !important;
    }
}
 @media only screen and (max-width: 1100px) {
     .quote h3{
         font-size: 1.5em !important;
    }
}
 @media only screen and (max-width: 800px) {
     .ui.fixed.menu, .showlg, .cwrap {
         display: none !important;
    }
     .dfwrap{
         display: block !important;
    }
     .showmobile {
         display: flex !important;
         align-items: center;
         text-align: center;
         align-content: center;
    }
     .showmobile img{
         height: 50px !important;
         width: 50px !important;
         margin-right: 15px;
    }
     .quote h3{
         font-size: 1.5em !important;
    }
     .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: 3.2em;
         margin-top: 1.5em;
    }
     .masthead h2 {
         margin-top: 0.5em;
         font-size: 1.5em;
    }
    .ts, .masthead{text-shadow: 3px 3px 3px #0000007a;}
     .center.aligned.row {/*

         height: auto !important;
*/
    }
    .lillogo{
	height: 40px !important;
	width: 40px !important;
	margin-top: -10px  !important;;
	}
	.ui.vertical.stripe {
    padding: 3em 0em;
	}
}
.mTi {
	z-index: 9999;
	-webkit-animation: mTi .7s ease both;
	animation: mTi .7s ease both;
}
@-webkit-keyframes mTi {
	from { opacity: 0.1; -webkit-transform: translateY(20px); }
}
@keyframes mTi {
	from { opacity: 0.1; -webkit-transform: translateY(20px); transform: translateY(20px); }
}
 @media only screen and (max-width: 320px) {
	      .masthead h1.ui.header {
         font-size: 3.0em;
         margin-top: 1.5em;
    }
 }
 .cwrap{
     height: 100%;
     width: 100%;
     padding: 5px;
     top:0px;
     left:0px;
     margin: 0px;
     position: absolute;
     display: flex;
     align-items: center;
}
 .dfwrap{
     display: flex;
     align-items: center;
     width: 100%;
     /* text-align: center; */
}
 .cwrap img{
     height: 150px !important;
     margin: auto 
}
 .cwrap h3{
     width: 100%;
     float:right 
}
 .cwrap div{
     text-align: center;
     width: 100%;
}
 .greyed{
     background: #eeeeee;
}
 .bxn{
     box-shadow: none !important;
}
.column.showlg {
    min-height: 350px;
}
 .center.aligned.row{
/*      height:420px  */
}
 .bgc{
    -webkit-background-size: cover  !important;
    -moz-background-size: cover  !important;
    -o-background-size: cover  !important;
    background-size: cover !important;
    background-color: rgba(6, 6, 6, 0.37) !important;
    text-shadow: 3px 3px 3px #0000007a;
    background-blend-mode: darken;
    transition: background-image 2s, background-position-y 2s, background-position-x 2s,  opacity .4s;
 }
h1{
	font-family: 'Passion One' !important;
}