section.contact{width:100%;position:relative}@media screen and (max-aspect-ratio:3/4){section.contact{text-align:center;width:100%}}section.contact .contact-content{flex-direction:column;align-items:center;max-width:160vmin;padding:4vmin 20vmin;display:flex}@media screen and (max-aspect-ratio:4/3){section.contact .contact-content{flex-direction:column;margin:4vmin 2vmin}}section.contact .contact-content .contact-desc{opacity:0;text-align:center;width:70%;font-size:2.6vmin}section.contact .contact-content .contact-list{flex-direction:column;align-items:center;width:100%;padding:4vmin;font-size:2.6vmin;display:flex;position:relative}section.contact .contact-content .contact-list ul{list-style-type:none}section.contact .contact-content .contact-list ul li.contact-info-item{opacity:0;box-sizing:content-box;align-items:center;margin:3vmin 0;display:flex}section.contact .contact-content .contact-list ul li.contact-info-item .contact-info-value{cursor:pointer;padding:1.6vmin;transition:all .16s}section.contact .contact-content .contact-list ul li.contact-info-item .contact-info-value:hover{color:#eee;background-color:#e32636;border-radius:1vmin}section.contact .contact-content .contact-list ul li.contact-info-item img.contact-info-icon{align-items:center;width:4vmin;height:4vmin;margin-right:1vmin}@media screen and (max-aspect-ratio:4/3){section.contact .contact-content .contact-list{text-align:center;align-items:center}}
