body {
    background-color: #eeeeee;
  }
  .main.container {
    margin-top: 2em;
  }
  
  .ui.menu > .grid, .ui.menu > .container {
	flex-wrap: wrap !important;
}

  .main.menu {
    margin-top: 4em;
    border-radius: 0;
    border: none;
    box-shadow: none;
    transition:
      box-shadow 0.5s ease,
      padding 0.5s ease;
  }

  .main.menu .item img.logo {
    margin-right: 1.5em;
  }
  .logo{
    font-size:20px;
  }

  .overlay {
    float: left;
    margin: 0em 3em 1em 0em;
  }
  .overlay .menu {
    position: relative;
    left: 0;
    transition: left 0.5s ease;
  }

  .main.menu.fixed {
    background-color: #FFFFFF;
    border: 1px solid #DDD;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  }

  .overlay.fixed .menu {
    left: 800px;
  }

  .text.container .left.floated.image {
    margin: 2em 2em 2em -4em;
  }

  .ui.footer.segment {
    margin: 5em 0em 0em;
    padding: 5em 0em;
  }
  .text.container .right.floated.image{
    margin: 2em 0em 2em 2em;
  }
  #image-div{
    opacity: 1;
    border:1px solid #000000;
  }

  #image-div:hover{
    opacity: 0.8;
  }
  .ui.small.image {
      width: 150px !important;
      height: 150px !important;
  }


.ui.horizontal.list > .item > i.icon:hover{
  color:#1b96fe;
}