.roster{background:#582d83;border-radius:5px;max-width:820px;padding:40px 30px 70px}.roster,.roster__container{margin:0 auto}.roster h2{color:#fff;font-family:Source Sans Pro;font-size:60px;font-weight:300;line-height:1.3;margin-bottom:20px}.roster__content{background:hsla(0,0%,100%,.9);padding:15px}.roster__block{border-bottom:1px solid #582d83;display:flex;flex-wrap:wrap;padding:10px 0}.roster__block.head{border:none}.roster__content .student_name{width:30%}.roster__content .grade,.roster__content .number{width:15%}.roster__content .position{width:20%}.roster__block.head p{color:#582d83;font-weight:600}.roster__block p,.roster__block.head p{font-size:18px;line-height:22px;margin:0}.roster__block p{color:#303030;font-family:Source Sans Pro}.roster__cta{padding:40px 0;text-align:center}.roster__cta .button{box-shadow:0 4px 4px rgba(0,0,0,.25);margin:auto}.btn-desktop,.btn-mobile{display:none}@media (min-width:768px){.roster__cta .btn-desktop{display:block;max-width:400px}}@media (max-width:767px){.roster{border-radius:0;padding-bottom:0}.roster h2{font-size:42px}.roster__block.head p{font-size:14px}.roster__block p{font-size:14px;line-height:1.2}.roster__content{margin-left:-30px;margin-right:-30px}.roster__content .grade{padding-right:10px;width:19%}.roster__content .number{width:23%}.roster__content .student_name{width:35%}.roster__content .position{width:23%}.roster__cta{background:#582d83}.roster__cta .btn-mobile{display:inline-block}}