/**
Theme Name: KRM
*/

 body {
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: grayscale;
	 	line-height: 1.5;
      }

		.title h1{
			color: white; 
			font-size:50px;
		}

      .ui .button{
        color: white;
        background-color: #00b386;
      }
      .ui.inverted.segment {
        height: 400px;
      }

      .ui.vertical.segment:not(.inverted) {
        padding-top: 6rem;
        padding-bottom: 6rem;
      }

      .six.wide.column img {
        width: 100%;
      }

      .ui.borderless.inverted.menu {
        background-color: #00b386;
        flex-wrap: wrap;
      }

      .ui.borderless.inverted.menu .active.item {
        background-color: #f2f2f2;
      }

      span.sub {
        color: rgba(0, 0, 0, 0.6);
      }

      .ten.wide.column h1 {
        font-size: 3rem;
      }

      .ten.wide.column p {
        font-size: 1.5rem;
      }

      p code {
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
      }

      .ui.tablet.computer.only.padded.grid {
        position: absolute;
        z-index: 8;
        width: 100%;
        top: 1rem;
      }

      .ui.mobile.only.grid .ui.menu .ui.vertical.menu {
        display: none;
      }


      .ui.mobile.only.grid .ui.vertical.menu .dropdown.icon {
        float: unset;
      }

      .ui.mobile.only.grid .ui.vertical.menu .dropdown.icon:before {
        content: "\f0d7";
      }

      .ui.mobile.only.grid .ui.vertical.menu .ui.dropdown.item .menu {
        position: relative;
        width: 100%;
        background-color: unset;
        border: none;
		color: white;
      }

      .ui.mobile.only.grid .ui.vertical.menu .ui.dropdown.item {
       color:white;
      }

      .ui.mobile.only.grid .ui.vertical.menu .ui.dropdown.item .menu {
        margin-top: 6px;
      }

	.ui.mobile.only.grid .ui.vertical.menu .ui.dropdown.item.menu.a{
		position: absolute;
	}

      .ui.mobile.only.grid .ui.vertical.menu .ui.dropdown.item .menu .header,
      .ui.mobile.only.grid .ui.vertical.menu .ui.dropdown.item .menu .item {
        color: white; !important;
      }

      .frontimage .ui.inverted.vertical.segment {
        padding-top: 14rem;
        padding-bottom: 4rem;
     	
      }

      .frontimage .ui.text.container {
        max-width: 70%;
      }

      .frontimage .ui.segment h1 {
        font-size: 3rem;
      }

      .frontimage .ui.segment p {
        font-size: 1.5rem;
      }

	  .ui.mobile.only.grid .frontimageMobile{
		  width: 100px;
	  }


@media only screen and (max-width: 767px) {
		.title h1{
			color: white; 
			font-size:40px;
		}
}