/*RESETS*/
body {
  margin:0;
}

p, span {
  margin-top:0;
}

a {
  color:inherit;
  text-decoration:none;
}
/*RESETS*/

/*FONTS*/
body {
  font-family:Asap, sans-serif;
  font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
  font-family:Kufam, Asap, sans-serif;
  font-weight:500;
  margin:0;
}

strong {
  font-weight:600;
}
/*FONTS*/

/*LYCOUX BASICS*/
#wrapper {
  position:absolute;
  height:100%;
  width:100%;
}

#container {
  margin:0 auto;
  min-height:calc(100% - 40px);
  max-width:1600px;
  text-align:center;
}

#navi, #page {
  display:inline-block;
  vertical-align:top;
}

@media only screen and (max-width: 699px) {  
  #menu {
    display:none;
    position:absolute;
    right:0;
    top:60px;
    width:100%;
    min-height:400px;
    z-index:15;
    text-align:center;
    overflow-y: scroll;
    background:darkred;
  }
  
  #menu a {
    display:block;
    width:100%;
    padding:10px 0;
  }
  
  #opennav {
    display:block;
    height:60px;
  }
}

@media only screen and (min-width: 700px) { 
  #opennav {display:none; } 
  nav {display:inline-block;}
  nav a {display:inline-block; padding:0 10px; }
}


@media only screen and (max-width: 949px) {
  nav {width:100%; height:60px;}
  nav a {height:60px; line-height:60px; border-left:1px solid; }
  nav a:first-child{border:none}
  #page {width:100%;}
}

@media only screen and (min-width: 950px) {
  nav {width:250px; max-height:100%;}
  nav a {display:block; height:50px; line-height:50px; border-top:1px solid}
  nav a:first-child{border:none;}
  #page {width:calc(100% - 250px);}
}

nav {
  text-align:center;
  overflow-y:auto;
  position:sticky;
  top:0;
  z-index:10;
}

section {
  padding:15px;
  box-sizing:border-box;
  text-align:center;
  width:100%;
}

section:not(:first-child) {
  margin-top:15px;
}

footer {
  position:relative;
  height:40px;
  width:100%;
  text-align:center;
  line-height:39px;
  font-size:0.8em;
  border-top:1px solid;
  box-sizing:border-box;
  z-index:15;
}
/*LYCOUX BASICS*/

/*FORMS*/
form {
  margin:0 auto;
  display:block;
  max-width:200px;
}

input[type="text"], input[type="password"] {
  display:block;
  width:100%;
  height:20px;
  border:1px solid;
  border-radius:5px;
  margin:3px 0;
  padding:2px 5px;
}
/*FORMS*/