.main > section { /* Menyn */
width: 0px;
float: right;
margin: 0 5% 0 0;
}

.main > section h2 {
font-weight: 300;
color: #ccc;
}

.main > section button {
border: 0;
background: none;
color: #fff;
padding: 1.5em;
display: block;
width: 100%;
cursor: pointer;
margin: 10px 0;
font-size: 0.8em;
border: 0 !important;
outline: 0 !important;
}

.main > section button:hover {
background: none;
}

.main > section button.active {
background: none;
}

.main > section button.disabled {
background: none;
pointer-events: none;
}

.icon-drop:before, 
.icon-arrow-left:before {
font-family: 'fontawesome';
position: absolute;
top: 0;
width: 100%;
height: 100%;
speak: none;
font-style: normal;
font-weight: normal;
line-height: 2;
text-align: center;
color: #47a3da;
-webkit-font-smoothing: antialiased;
text-indent: 8000px;
padding-left: 8px;
}

.icon-drop:before {
content: "\e000";
}

.icon-arrow-left:before {
content: "\f060";
}

/* General styles for all menus */
.cbp-spmenu {
background: #181717;
position: fixed;
}

.cbp-spmenu h3 { /* Ordet Menu bakgrund */
color: #eaeaea;
font-size: 1.9em;
padding: 0;
margin: 0;
font-weight: 300;
background: #222121;
text-align: left;
height: 8%;
}

.cbp-spmenu a { /* Menylenkarna */
display: block;
color: #eaeaea;
font-size: 90%;
text-align: left;
margin:0;
text-decoration: none;
font-family: 'Lato', sans-serif;
font-weight: normal;
padding: 0;
}

.cbp-spmenu a:hover {
background: #2d2b2b;
}

.cbp-spmenu a:active {
background: #2d2b2b;
color: #eaeaea;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical { /* Inner menyn */
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
}

.cbp-spmenu-vertical a {
border-bottom: 1px solid #222121;
padding: 1em 1em 1em 1.5em;
}

.cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}

.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-right {
right: -240px;
}


.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}

.cbp-spmenu-push-toright {
left: 240px;
}

.cbp-spmenu-push-toleft {
left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}