@media(max-width:780px){
  header nav{
  text-align: center;
  margin-top:5px;
}
}

@media(max-width:700px){
  header .actions{
    position: static;
    text-align: center;
  }

  header .actions #search-item{
    width:80%;
  }
}

@media(max-width:600px){
  .app-name{
    text-align: center !important;
  }
 
  #other-post .post .data,
    #search .post .data,
  #home .post .data{
    
    font-size:0.8em !important;
  }
     
.signature{
 margin-top:2px;
 margin-bottom:5px;
}

  #home #banner .title{
    font-size:1em;
  }
  
  #post-data .feature-image{
      width:90%;
      height:auto;
    }

}

@media(max-width:500px){
    body{
        font-size:1em;
    }
  header nav{
  display:none;
}
}


@media(max-width:400px){
    
 #post #post-data{
  
padding-bottom:45px;
    
}

 #other-post .post img,
  #search .post img,
  #home .post img{
    clear:both !important;
    width:100% !important;
    height:auto !important;
    margin:2px 0px 0px 2px;
  }

  #other-post .post .data,
    #search .post .data,
  #home .post .data{
    clear:both;
    padding-top:5px;
    
    font-size:0.8em !important;
  }


 #other-post .post ,
    #search .post,
  #home .post{
    height:auto !important;
    margin:2px 0px 0px 2px;
  }


 #other-post .post .data .title,
    #search .post .data .title,
  #home .post .data .title{
    text-align: center;
    margin-top:15px;
    font-size:1.2em;
  }
}