.intro{height:100vh;background-color:#060f12}.intro .intro-wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width: 576px){.intro .intro-wrapper{justify-content:flex-start;padding-top:80px}}.intro .intro-wrapper img{height:200px}@media(max-width: 576px){.intro .intro-wrapper img{height:auto;width:80%}}.intro .intro-wrapper .detail-wrapper{margin-top:3rem;width:350px}@media(max-width: 576px){.intro .intro-wrapper .detail-wrapper{width:100%}}.intro .intro-wrapper .detail-wrapper .detail-item{display:flex;flex-direction:column;justify-content:flex-end;height:100%}@media(max-width: 576px){.intro .intro-wrapper .detail-wrapper .detail-item{text-align:center}}.intro .intro-wrapper .detail-wrapper h3{font-size:22px;font-weight:bold;color:#f89f05;margin-bottom:5px}.intro .intro-wrapper .detail-wrapper a{color:#fff;text-decoration:none;transition:.3s;font-weight:bold}.intro .intro-wrapper .detail-wrapper a:hover{color:#f89f05;transition:.3s}.intro .subcontent-wrapper{position:absolute;bottom:5%;left:5%;display:flex;justify-content:center;align-items:center}@media(max-width: 576px){.intro .subcontent-wrapper{flex-direction:column;left:50%;transform:translateX(-50%)}}.intro .subcontent-wrapper h2,.intro .subcontent-wrapper span{font-size:30px;text-transform:uppercase;color:#f89f05;margin-left:25px;line-height:30px;margin-bottom:0}@media(max-width: 576px){.intro .subcontent-wrapper h2,.intro .subcontent-wrapper span{font-size:22px;line-height:24px;text-align:center;margin-left:0;margin-bottom:15px}}@media(max-width: 576px){.intro .subcontent-wrapper span{display:none}}