@media screen and (max-width:575px){.input-group{width:18rem}}.bar,input[type=checkbox]{-webkit-appearance:none;display:none}@media screen and (max-width:992px){nav{display:block;padding:0}.bar span{font-size:25px}.primary-menu nav ul{display:flex;flex-direction:column;visibility:hidden;transition:.3s}.primary-menu nav ul li{text-align:center;transition:all .3s .1s;opacity:0}.primary-menu nav ul li .links{color:#000;font-size:28px;display:block}.primary-menu nav ul li:first-child{transform:translateX(-150px)}.primary-menu nav ul li:nth-child(2){transform:translateX(-200px)}.primary-menu nav ul li:nth-child(3){transform:translateX(-250px)}.primary-menu nav ul li:nth-child(4){transform:translateX(-300px)}.primary-menu nav{display:block;visibility:hidden}.bar{display:block;position:absolute;cursor:pointer}.bar span:nth-child(2){display:none}.checks:checked~.header-content .bar span:nth-child(2){display:block}.checks:checked~.header-content .bar span:first-child{display:none}.checks:checked~.primary-menu nav ul{visibility:visible;height:295px}.checks:checked~.primary-menu nav ul li:first-child,.checks:checked~.primary-menu nav ul li:nth-child(2),.checks:checked~.primary-menu nav ul li:nth-child(3),.checks:checked~.primary-menu nav ul li:nth-child(4){transform:translateX(0);opacity:1}}