/*******************************

Global

*******************************/

html, body {

font-size: 15px;
height: 100%;

}

body {

font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background: #FFFFFF;
margin: 0px;
padding: 0px;
color: #555555;
text-rendering: optimizeLegibility;
min-width: 320px;

}

.ui.header {

font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;

}

/*******************************

Global

*******************************/

/*——————-

Sidebar

——————–*/

feed .sidebar {

overflow: visible;

}

/*——————-

Grid

——————–*/

feed .pusher, feed .grid, feed .grid > .column {

height: 100%;

}

/*——————-

Inbox

——————–*/

feed .page {

background-color: #FFFFFF;
padding: 2em 0em;

}

feed .inbox.tab .item .description {

margin-left: 2em;

}

feed .current {

float: right;
margin: 0.5em 0em 0em 1em;

}

feed .middle.column {

padding: 1em 2em;

}

feed .middle.column h2 {

margin-top: 0em;

}

feed .right.column {

padding: 1em 2em;
background-color: #FFFFFF;

}

/*******************************

Responsive

*******************************/

@media only screen and (max-width : 1000px) {

#feed .inbox .date {
  float: none;
  margin-bottom: 0.5em;
}

}

@media only screen and (max-width : 1250px) {

#feed .left.column > .menu .item {
  font-size: 1rem;
}

}