.announcement{border:1px solid #f9333f}.announcement h1{text-transform:uppercase;padding:.25rem 1rem;margin:0;color:#3333b3;background-color:#ccc;font-weight:400;font-size:24px}.announcement h1 span{color:#3333b3}.announcement .personal_info{display:grid;grid-template-columns:2fr 3fr;border-top:1px solid #f9333f;grid-column-gap:2rem}.announcement .personal_info .img img{width:100%}.announcement .personal_info .details{padding:2rem 2rem 2rem 0}.announcement .personal_info .details .item{display:grid;grid-template-columns:18rem auto;border-bottom:1px dashed #f9333f;padding:0 0 1rem 0;margin-bottom:1rem}.announcement .personal_info .details .item .label{color:#333;text-align:left;font-weight:400}.announcement .personal_info .details .item .value{color:#f9333f;font-weight:300}.announcement .personal_info .details .item .label,.announcement .personal_info .details .item .value{font-size:1.8rem}.announcement .personal_info .details .item.audio{grid-template-columns:1fr}.announcement .personal_info .details .item.audio .label{color:#f9333f}.announcement .personal_info .details .links{padding:1rem 0;text-align:center}.announcement .nav-tabs>li>a,.announcement .nav-tabs.nav-justified>li>a{color:#fff;border:1px solid #f9333f;background:#f9333f;font-size:1.5rem;font-weight:400;padding:20px 15px}.announcement .nav-tabs>li.active>a,.announcement .nav-tabs>li.active>a:focus,.announcement .nav-tabs>li.active>a:hover,.announcement .nav-tabs.nav-justified>.active>a,.announcement .nav-tabs.nav-justified>.active>a:focus,.announcement .nav-tabs.nav-justified>.active>a:hover{cursor:default;border:1px solid #f9333f;border-bottom-color:#eee;border-bottom-color:transparent;background-color:#fff;color:#f9333f}.announcement .nav-tabs>li.active>a:first-child,.announcement .nav-tabs>li>a:first-child,.announcement .nav-tabs.nav-justified>li>a:first-child{border-left:0}.announcement .nav-tabs>li.active>a:last-child,.announcement .nav-tabs>li>a:last-child,.announcement .nav-tabs.nav-justified>li>a:last-child{border-right:0}.announcement .tab-content{min-height:300px}.three-column{display:grid;grid-template-columns:1fr 1fr 1fr}@media (max-width: 680px){.announcement .personal_info{display:block}.announcement .personal_info .details{padding:1rem}.announcement .personal_info .details .item{display:block}.announcement .personal_info .details .item .value,.announcement .personal_info .details .item .label{display:block;text-align:center}.announcement .personal_info .details .item.audio audio{width:100%}.three-column{display:block}}
