*{padding:0;margin:0;box-sizing:border-box;outline:0}body{font-family:"Poppins",sans-serif;background-color:#fbf9f7}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-bottom:0}a,a:hover{text-decoration:none}.top-wrapper{height:180px;display:flex}.top-wrapper .top-left,.top-wrapper .top-middle{height:100%;border-bottom:1px solid #000;display:flex;justify-content:center;align-items:center}.top-wrapper .top-left{width:300px;border-right:1px solid #000}.top-wrapper .top-left .logo img{width:120px}.top-wrapper .top-middle{width:calc(100vw - 600px)}.top-wrapper .top-middle .logo{display:none}.top-wrapper .top-right{height:100%;width:300px;border-left:1px solid #000;border-bottom:1px solid #000}.middle-wrapper{height:calc(100vh - 300px);display:flex}.middle-wrapper .middle-left{height:100%;width:300px;border-right:1px solid #000}.middle-wrapper .main-container{height:100%;width:calc(100vw - 600px)}.middle-wrapper .middle-right{height:100%;width:300px;border-left:1px solid #000}.bottom-wrapper{height:120px;display:flex}.bottom-wrapper .bottom-left{height:100%;width:300px;display:flex;justify-content:center;align-items:center;border-right:1px solid #000;border-top:1px solid #000}.bottom-wrapper .bottom-middle{height:100%;width:calc(100vw - 600px);border-top:1px solid #000}.bottom-wrapper .bottom-right{height:100%;width:300px;border-left:1px solid #000;border-top:1px solid #000}@media only screen and (min-width:320px) and (max-width:400px){.top-wrapper{height:80px}.top-wrapper .top-left{width:20px}.top-wrapper .top-left .logo{display:none}.top-wrapper .top-middle{width:calc(100vw - 40px);flex-direction:row-reverse;justify-content:space-between;padding:0 20px}.top-wrapper .top-middle .logo{display:flex}.top-wrapper .top-middle .logo img{width:60px}.middle-wrapper .middle-left,.top-wrapper .top-right{width:20px}.middle-wrapper{height:calc(100vh - 100px)}.middle-wrapper .main-container{width:calc(100vw - 40px)}.bottom-wrapper .bottom-left,.middle-wrapper .middle-right{width:20px}.bottom-wrapper{height:20px}.bottom-wrapper .bottom-middle{width:calc(100vw - 40px)}.bottom-wrapper .bottom-right{width:20px}}@media only screen and (min-width:401px) and (max-width:767px){.top-wrapper{height:80px}.top-wrapper .top-left{width:40px}.top-wrapper .top-left .logo{display:none}.top-wrapper .top-middle{width:calc(100vw - 80px);flex-direction:row-reverse;justify-content:space-between;padding:0 20px}.top-wrapper .top-middle .logo{display:flex}.top-wrapper .top-middle .logo img{width:60px}.middle-wrapper .middle-left,.top-wrapper .top-right{width:40px}.middle-wrapper{height:calc(100vh - 100px)}.middle-wrapper .main-container{width:calc(100vw - 80px)}.bottom-wrapper .bottom-left,.middle-wrapper .middle-right{width:40px}.bottom-wrapper{height:20px}.bottom-wrapper .bottom-middle{width:calc(100vw - 80px)}.bottom-wrapper .bottom-right{width:40px}}@media only screen and (min-width:768px) and (max-width:991px){.top-wrapper{height:120px}.top-wrapper .top-left{width:140px}.top-wrapper .top-left .logo img{width:80px}.top-wrapper .top-middle{width:calc(100vw - 280px)}.top-wrapper .top-middle .logo{display:none}.middle-wrapper .middle-left,.top-wrapper .top-right{width:140px}.middle-wrapper{height:calc(100vh - 180px)}.middle-wrapper .main-container{width:calc(100vw - 280px)}.bottom-wrapper .bottom-left,.middle-wrapper .middle-right{width:140px}.bottom-wrapper{height:60px}.bottom-wrapper .bottom-middle{width:calc(100vw - 280px)}.bottom-wrapper .bottom-right{width:140px}}@media only screen and (min-width:992px) and (max-width:1199px){.top-wrapper{height:120px}.top-wrapper .top-left{width:140px}.top-wrapper .top-left .logo img{width:80px}.top-wrapper .top-middle{width:calc(100vw - 280px)}.middle-wrapper .middle-left,.top-wrapper .top-right{width:140px}.middle-wrapper{height:calc(100vh - 180px)}.middle-wrapper .main-container{width:calc(100vw - 280px)}.bottom-wrapper .bottom-left,.middle-wrapper .middle-right{width:140px}.bottom-wrapper{height:60px}.bottom-wrapper .bottom-middle{width:calc(100vw - 280px)}.bottom-wrapper .bottom-right{width:140px}}@media only screen and (min-width:1200px) and (max-width:1600px){.top-wrapper{height:140px}.top-wrapper .top-left{width:260px}.top-wrapper .top-left .logo img{width:100px}.top-wrapper .top-middle{width:calc(100vw - 520px)}.middle-wrapper .middle-left,.top-wrapper .top-right{width:260px}.middle-wrapper{height:calc(100vh - 220px)}.middle-wrapper .main-container{width:calc(100vw - 520px)}.bottom-wrapper .bottom-left,.middle-wrapper .middle-right{width:260px}.bottom-wrapper{height:80px}.bottom-wrapper .bottom-middle{width:calc(100vw - 520px)}.bottom-wrapper .bottom-right{width:260px}}