* {
  box-sizing:border-box;
}

*{
    font-family: 'Roboto', sans-serif;
}
body {
  margin:0;
  padding:0;
  background-color:lightgrey;
  overflow-y: scroll;
  overflow-x: hidden;
}


 
  
  .menu-toogle {
    position:absolute; 
    width: 30px;
    line-height:1.1;
    text-align:center;
    top:10.5px; 
    right: 3px; 
    border-radius:0px;
    transition: all .5s ease; 
    z-index:10;
       }
  
    .menu-toogle::before {
    font-size:28px;
   }   
 
  
 
.flexsearch--wrapper {
    height: auto;
    width: auto;
    max-width: 100%;
    overflow: auto;
    background: transparent;
    margin: 0;
    position: static;
}
     
.flexsearch--form {
    overflow:hidden;
    position: relative;
}
     
.flexsearch--input-wrapper {
    padding: 0 60px 0 0; 
    overflow: hidden;
}
 
.flexsearch--input {
  width: 100%;
}
 

.flexsearch {
  padding: 0 2px 0 60px; 
}
 
.flexsearch--input {
  -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 32px;
  padding: 0 46px 0 0px;
    border-color:white;
  border-radius: 0px;
  border-style: solid;
    border-width: 2px;
  margin-top: 5px;
    width: 90%; 
 
  color: #333;
  font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
}
     
.flexsearch--submit {
    width: 100%; 
  position: absolute;
    margin right: auto;
    top: 0;
    display: block;
    width: 30px;
    height: 25px;
  padding:0;
  border: none;
    margin-top: 12px; 
 background: transparent;
  color: #888;
  font-family: 'Helvetica', sans-serif;
  font-size: 15px;
  line-height: 15px;
}
 

 


.items{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    font-size: 1.1rem;
    letter-spacing: 0.2rem;
    text-align:center;
    color:black;
    text-align: center;
    margin-top: 0,3%;
    padding: 0px;
     

    }
 

a{
    
    font-weight: lighter;
    text-decoration: none;
    color: grey;
            margin: 10px;    
}
a:hover{
    text-decoration: underline;
}





img {
margin-right: 25%;
margin-left: 25%;
width: 1oem;
display: flex;
flex-grow: 1;
 justify-content: space-between;
 align-items: center;    
   }
h2{
    margin-left: 2%;
}



p {
   margin-left: 2%;
}