.ui.header.attached {
    margin: 8px 0 0;
    padding: 8px 15px;
}

.ui.header.bluegreen {
    color: #004D5A;
}

.ui.header {
    font-weight: 700;
}

.ui.header.normal {
    font-weight: 400;
}

.ui.header.italics {
    font-style: italic;
}

.ui.header.inverted {
    color: #fff;
}

.ui.header.divider {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e6e9;
}

.ui.header.divider.yellow {
    border-color: #FF6D00;
}

h6,
.ui.header.mini {
    font-size: 1em;
}

h5,
.ui.header.tiny {
    font-size: 1.125em;
}

h4,
.ui.header.small {
    font-size: 1.5em;
}

h3,
.ui.header.medium {
    font-size: 1.750em;
}

h2,
.ui.header.large {
    font-size: 2.375em;
    line-height: 1.35
}

h1,
.ui.header.huge {
    font-size: 3.875em;
    line-height: 1.32;
}

/* menu */

#scroll {
 	padding: 10px 0;
	border: 1px solid #FF6D00;
}
.nav-item {
  padding: 13px 16px 12px;
  font-size: 16px;
  color: #33374B;
}

.nav-item:not(:last-child) {
  border-right: 1px solid rgba(256, 256, 256, 0.5);
}

* {
  box-sizing: border-box;
}


.nav-item:hover {
  cursor: pointer;
  background-color: #FF6D00;
  color:#33374B;
}
.selected {
background-color: #FF6D00;
color: #33374B;
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	  
	  .nav-item { 
		  padding: 8px;
	  		display: block;
	  }

}