.survey .survey-description { margin-bottom: 1rem; } .survey .survey-value-element { display: flex; } .survey .survey-value-element .question-section { flex: 1 1 0px; } .survey .survey-value-element .question-section .question { font-weight: bold; padding-right: 3rem; } .survey .survey-value-element .question-section .question-description { padding-right: 3rem; } .survey .survey-value-element .values-section { flex: 1 1 0px; } .survey .survey-value-element .values-section .labels, .survey .survey-value-element .values-section .values { flex: 1 1 0px; display: flex; } .survey .survey-value-element .values-section .label { flex: 1 1 0px; text-align: center; margin-bottom: 1rem; } .survey .survey-value-element .values-section label { justify-content: center; } .survey .survey-value-element .values-section .value { flex: 1 1 0px; } .survey .survey-value-element + .survey-value-element { margin-top: 1rem; } .survey h1 { margin: 1rem 0 1rem 0; font-size: 1.3rem; } .survey h2 { margin: 0 0 1rem 0; font-size: 1.1rem; }