.course-delegates-small                                     { border-radius: 5px; border: 1px solid #aaa; background: #fff; padding: 20px 20px 30px; font-family: 'Montserrat', sans-serif; width: 420px; margin: 30px auto; }
.course-delegates-small__row                                { display: flex; text-align: center; align-items: center; }
.course-delegates-small__trainers                           { flex: 1; color: #d88000; }
.course-delegates-small__per                                { font-size: 28px; color: #a5a5a5; }
.course-delegates-small__delegates                          { flex: 1; color: #6d99c4; }

.course-delegates-small__trainers strong, 
.course-delegates-small__delegates strong                   { display: block; font-size: 100px; line-height: 1; }

.course-delegates-small__trainers span, 
.course-delegates-small__delegates span                     { display: block; font-size: 28px; line-height: 1; }


@media (max-width: 1520px) {

.course-delegates-small                                     { width: 260px; padding: 10px 10px 15px; }

.course-delegates-small__per                                { font-size: 18px; }

.course-delegates-small__trainers strong, 
.course-delegates-small__delegates strong                   { font-size: 50px; }

.course-delegates-small__trainers span, 
.course-delegates-small__delegates span                     { font-size: 18px; }

}

@media (max-width: 460px) {

.course-delegates-small                                     { width: auto; }

.course-delegates-small__per                                { font-size: 14px; }

.course-delegates-small__trainers strong, 
.course-delegates-small__delegates strong                   { font-size: 40px; }

.course-delegates-small__trainers span, 
.course-delegates-small__delegates span                     { font-size: 14px; }
    
}