*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif}.app{border-left:1px solid #009ad0;border-right:1px solid #009ad0;width:1024px;min-height:100vh;margin:0 auto;padding-bottom:90px;position:relative}.header{z-index:100;width:1024px;height:131px;position:fixed;top:0}.top-header{background:#009ad0;border:1px solid #009ad0;height:98px}.logo{width:auto;height:98px;display:block}.navigation-bar{background:#eee;border-left:1px solid #009ad0;border-right:1px solid #009ad0;height:33px}.content{min-height:calc(100vh - 90px);padding-top:155px;padding-left:20px;padding-right:20px}.certificate-container{width:100%}.section-title{border-bottom:1px solid #009ad0;width:100%;margin-bottom:25px;padding-bottom:6px;font-size:16px;font-weight:700}.certificate-card{background:#fff;border:1px solid #ccc;border-radius:10px;width:100%;padding:20px 15px}.certificate-grid{grid-template-columns:24% 30% 46%;row-gap:0;display:grid}.label,.value,.info-link,.links-title{vertical-align:top;min-height:42px;padding:4px 3px;font-size:14px;line-height:20px}.label{text-align:left;padding-right:15px}.label:after{content:":";float:right}.value{word-break:break-word}.links-title{font-weight:700}.info-link{cursor:pointer;white-space:nowrap}.info-link:hover{color:#009ad0;text-decoration:underline}.maintenance-message{text-align:center;width:100%;padding:80px 0;font-size:16px;font-style:italic;font-weight:700}.footer{z-index:101;background:#eff2f8;border:1px solid #009ad0;justify-content:space-between;align-items:flex-start;width:1024px;min-height:75px;display:flex;position:fixed;bottom:0}.footer-left{padding:15px 11px}.powered{color:#8b0304;font-size:14px}.best-viewed{color:#8b231d;margin-top:5px;font-size:11px}.footer-right{padding:14px 7px 0 0}.footer-right img{width:100px;height:auto}@media (width<=1024px){.app,.header,.footer{width:100%}.certificate-grid{grid-template-columns:24% 32% 44%}}@media (width<=700px){.app{width:100%}.header{height:auto;position:relative}.top-header,.logo{height:80px}.navigation-bar{height:30px}.content{padding-top:25px}.certificate-grid{grid-template-columns:1fr}.label,.value,.info-link,.links-title{min-height:auto;padding:6px 3px}.label{margin-top:8px;font-weight:700}.label:after{display:none}.footer{position:relative}}