.robonav.container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-around}.robonav.container img{margin:0 auto}.robonav.container div{margin:10px;display:flex;flex-flow:column;width:18%;padding:0 38px}.robonav.container div:hover h3{color:#0e65ff;transition:.3s}.robonav.container div:hover{background:#e4e5e6;transition:.3s}.robonav.container h4,.robonav.container h3,.robonav.container h2,.robonav.container h1{margin:0 15px 5px 15px;text-align:center;order:1}.robonav.container p{margin:0 15px 15px 15px}.robonav.container img{margin:0 auto;margin-bottom:15px;max-width:100px;order:-1}.robonav.container a.nav-link{text-align:center;order:-1}.button{padding:10px;background:#6db33f;margin:auto 15px 15px 15px;text-align:center;color:white;font-weight:bold;border:3px solid transparent;border-radius:0}.button:hover{background:white;color:#6db33f;border:3px solid #6db33f;transition:.3s}@media only screen and (max-width:1199px){.robonav.container div{padding:0 38px}}@media only screen and (max-width:800px){.robonav.container h3{font-size:14px}.robonav.container div{width:25%}}