NightPearl menu backup
<style><!--
.np_container {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.np_child5 > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
overflow: hidden;
}
.np_child5 > img {max-width:50%;padding:10px;}
.np_child5:hover p {color:#111;margin: 0px;}
.np_child5 p {margin: 0px;}
@media (max-width: 768px) {
.np_child5 > p {color: #a99b7d;font-size:16px;padding-left:10px;}
.np_container {background-color: #fff;}
.np_child5 {width:100%; padding:20px;position:relative;display: flex;justify-items:center;align-items: center;background-color: #111;}
.np_child5:hover {background-color:#a99b7d;}
.np_child5:nth-child(1), .np_child5:nth-child(2), .np_child5:nth-child(3), .np_child5:nth-child(4) {border-bottom: solid 1px #2c2317;}
.np_child5:nth-child(5) {padding-left:25%;padding-right:25%;width:100%;border-top: solid 1px #2c2317;}
}
@media (min-width: 768px) {
.np_child5 > p {color: #a99b7d;font-size:1vw;padding-left:10px;}
.np_container {background-color: #111;}
.np_child5 {width:20%; padding:20px;position:relative;display: flex;justify-items:center;align-items: center;background-color: #111;}
.np_child5:hover {background-color:#a99b7d;}
}
--></style>
<div class="np_container">
<div class="np_child5"><img src='https://cdn.myshoptet.com/usr/242285.myshoptet.com/user/documents/upload/resources/NP-22.png' />
<p style="text-align: center;">Noktovizory »</p>
<a href="/noktovizory/"> </a></div>
<div class="np_child5"><img src='https://cdn.myshoptet.com/usr/242285.myshoptet.com/user/documents/upload/resources/Seer 50.png' />
<p style="text-align: center;">Termovize »</p>
<a href="/termovize/"> </a></div>
<div class="np_child5"><img src='https://cdn.myshoptet.com/usr/242285.myshoptet.com/user/documents/upload/resources/hunter 100.png' />
<p style="text-align: center;">Digitály »</p>
<a href="/digitaly/"> </a></div>
<div class="np_child5"><img src='https://cdn.myshoptet.com/usr/242285.myshoptet.com/user/documents/upload/resources/adapter.png' />
<p style="text-align: center;">Adaptéry »</p>
<a href="/adaptery/"> </a></div>
<div class="np_child5"><img src='https://cdn.myshoptet.com/usr/242285.myshoptet.com/user/documents/upload/resources/prislusenstvi.png' />
<p style="text-align: center;">Příslušenství »</p>
<a href="/prislusenstvi-a-doplnky/"> </a></div>
</div>