/*Flex items*/
.list {
display: flex;
flex-wrap: wrap;
}
.list-item {
display: flex;
padding: 0.5em;
width: 100%;
}
@media all and (min-width: 40em) {
.list-item {
width: 50%;
}
}
@media all and (min-width: 60em) {
.list-item {
width: 50%;
}
}
.list-content {
background-color: #fff;
display: flex;
flex-direction: column;
padding: 1em;
width: 100%;
}
.list-content p {
flex: 1 0 auto;
}
.content {
overflow: visible;
position: relative;
width: auto;
margin-left: 0;
min-height: auto;
padding: inherit;
}
.basebar i {
padding-right:15px;
}
.content { text-align: center; display: inline-block; }
.title { font-size: 72px; margin-bottom: 40px; font-weight: 100; font-family: 'Lato'; text-align: center; color: #B0BEC5;}
.sidebar-highlighted { background-color:#1d1d1d }
.basebar section li{
margin:0 0 10px;
}
.wrapper{
overflow:hidden;
}
.basebar section{
padding:30px 30px 30px 80px;
-moz-transition:all 200ms ease-in;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
transition:all 200ms ease-in;
}
.basebar nav{
position:fixed;
top:0;
left:0;
width:250px;
height:100%;
margin:0 0 0 -250px;
-moz-transition:all 200ms ease-in;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
transition:all 200ms ease-in;
z-index: 5000;
}
.basebar nav ul{
width:250px;
height:100%;
padding:0;
margin:0;
list-style:none;
background:#222;
overflow:hidden;
}
.basebar nav li{
margin:0;
}
.basebar nav a{
color:#fff;
font-size:1em;
font-family: 'Open Sans', sans-serif;
text-decoration:none;
display:block;
padding:12px 15px;
font-weight:300;
letter-spacing:2px;
border-bottom:1px solid #333;
}
.basebar nav a:hover{
background:#29aae2;
color: #FFF!important;
text-decoration: none!important;
}
.basebar label{
display:block;
font-family:'helvetica neue', helvetica, arial, sans-serif;
font-weight:700;
background:#29aae2;
width:60px;
height:60px;
line-height:42px;
color:#fff;
text-align:center;
font-size:2em;
line-height:1.1em;
position:fixed;
top:10px;
left:10px;
-moz-transition:all 200ms ease-in;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
transition:all 200ms ease-in;
z-index:5000;
}

.basebar label:hover {
opacity: 0.8;
}
input[type="checkbox"]{
display:none;
}
input[type="checkbox"]:checked ~ nav{
margin:0;
}
input[type="checkbox"]:checked ~ label{
left:260px;
}
input[type="checkbox"]:checked ~ section{
-webkit-transform:translate3d(260px, 0, 0);
-moz-transform:translate3d(260px, 0, 0);
-o-transform:translate3d(260px, 0, 0);
transform:translate3d(260px, 0, 0);
}
.biggmenu
{
padding-top: 21px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.insidemenu
{
padding-top: 23px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 25px;
}

/*All frontend css to go in here*/