.grid,.grid_date{color:#87cefa}.notes,ul{text-align:center}ul.menu li{display:inline-block;padding:10px 25px}ul.menu li button{padding:6px 20px}.notes{width:100%;display:block}.grids{margin-top:20px}.grid{margin-top:10px}.black,.blue,.green,.red{margin-left:5px;margin-top:5px;height:200px}.black img,.blue img,.green img,.red img{height:200px;width:100%}.yellow img{height:405px;width:100%}.blue{width:45%;background:#00f}.green,.red{width:30%}.red{background:red}.yellow{width:23.6%;height:405px;margin-left:5px;margin-top:5px;background:#ff0}.black{width:45%}.btn_active{background:red;border:0;color:#fff;outline:0}input#searchNote{width:100%;padding:20px 12px;font-style:italic;margin-top:20px}i.custom_search{position:absolute;top:43px;right:180px}#portfolio_menu button{width:100px;min-height:20px;border:0;outline:0}body{overflow-x:hidden}ul{list-style-type:none;padding:0;margin:0}@media all and (max-width:1280px) and (min-width:768px){.colum{width:100%}ul.menu li{padding:10px 6px}.black,.blue{width:40%}.green,.red{width:30%}.yellow{width:27%}}@media only screen and (max-width:960px) and (min-width:620px){.colum{width:100%}ul.menu li{padding:10px 30px}ul.menu{overflow:hidden}.black,.blue{width:40%}.green,.red{width:30%}.yellow{width:27%}}@media all and (max-width:619px) and (min-width:480px){.black,.blue,.colum,.green,.red,.yellow{width:100%}ul.menu li{padding:10px 30px}ul.menu{overflow:hidden}.yellow{height:auto}}@media all and (max-width:479px) and (min-width:320px){.colum{width:100%}ul.menu li{padding:10px 15px}ul.menu{overflow:hidden}ul.menu li button{padding:6px 0}#portfolio button{font-size:10px;width:50px}.black,.blue,.green,.red,.yellow{width:100%}.yellow{height:auto}}@media all and (max-width:319px){.colum{width:100%}ul.menu li{padding:10px 15px}ul.menu{overflow:hidden}ul.menu li button{padding:6px 0}#portfolio button{font-size:10px;width:50px}.black,.blue,.green,.red,.yellow{width:100%;height:auto}}