.footer{ width: 100%; height: 60vh; background: #1A2B3B; background-image: url(../imgs/home/footerbg.png); background-size: auto 100%; background-position: right; background-repeat: no-repeat; box-sizing: border-box; } .footer-list{ width: 90%; height: 90%; display: flex; align-items: center; justify-content: space-around; box-sizing: border-box; /* margin: 0 auto; */ /* background: palegoldenrod; */ } .footer-list-item{ width: 20vw; height: 90%; list-style: none; /* background: palegoldenrod; */ text-align: center; padding-top: 12vh; box-sizing: border-box; } .footer-logo{ width: 8vw; } .footer-list-item-text{ width: 100%; font-size: 0.89vw; color: rgba(255, 255, 255, 0.5); text-align: justify; /* padding-top: 2vh; */ box-sizing: border-box; line-height: 3vw; } .item-textBOX{ padding-top: 10vh; width: 19vw; } .item-nav{ color: #fff; padding-top: 10vh; text-align: left; padding-left: 5vw; } .item-nav p:nth-of-type(1){ font-size: 1.5vw; font-weight: 400; } .item-nav p:nth-of-type(2) { font-size: 0.8vw; color: rgba(255, 255, 255, 0.5); } .item-nav p:nth-of-type(3) { font-size: 0.8vw; color: rgba(255, 255, 255, 0.5); } .item-nav p:nth-of-type(2) a{ font-size: 0.8vw; color: rgba(255, 255, 255, 0.5); text-decoration: none; } .item-nav p:nth-of-type(3) a{ font-size: 0.8vw; color: rgba(255, 255, 255, 0.5); text-decoration: none; } .item-nav p a:hover{ color: #4885FD; } .item-nav p img{ width: 1vw; height: auto; margin-right: 1vw; } /* .footer-list-item img{ width: 100%; height: 100%; } */ .footer-bottom{ width: 98%; margin: 0 auto; padding: 0vw 3vw; text-align: right; color: rgba(255, 255, 255, 0.7); font-size: 0.8vw; box-sizing: border-box; height: 4vh; } .footer-bottom .record{ color: rgba(255, 255, 255, 0.7); } .footer-bottom .record:hover{ color: #00A0D2; }