#quiz-modal .modal-header .close {   margin:0rem -1rem 0rem -1rem !important;   padding:8px 24px 0px 30px !important; } #quiz-modal .modal-content {   text-align:center;   border-radius:15px 15px 15px 70px; } .non-member--content {   width:35% !important;   margin:2rem auto;   text-align:center;   border:1px solid #000000;   border-radius:1.3rem !important;   box-shadow:3px 3px 10px #000000; } #quiz-modal h3#quiz-modal-label{  font-family:"Work Sans"; } .non-member--title {   font-size:1.6rem; } .non-member--header.modal-header {   padding-bottom:0rem !important; } .non-member--body.modal-body p {   margin-bottom:0.5rem; } button.btn.btn-primary.become-member {   border-radius:30px;   font-family:"Work Sans" !important; } .modal-content p {   font-size:21px;   font-family:"Work Sans"; } .modal-content .modal-header.popup-header {   padding:0rem 1rem !important;border-bottom:3px solid #dee2e6 !important; } .non-member--content .non-member--header {   border-bottom:3px solid #dee2e6 !important; } h3#quiz-non-member--label, h3#quiz-modal-label {   font-size:1rem; } @media (max-width:576px) {   .non-member--content {  width:80% !important;  margin:2rem auto;   } }  @media screen and (min-width:480px) {  .non-member--body.modal-body p {   margin-bottom:0.5rem !important;   } button.btn.btn-primary.hide-content-become-member {   font-size:20px !important; } h3#quiz-modal-label{ font-weight:bold; } } @media screen and (max-width:600px) { #quiz-modal h3.modal-title {   font-weight:bold;   font-size:0.8rem !important; } #quiz-modal .modal-content p:last-child {   font-size:16px; } #quiz-modal .modal-content .modal-body p {   font-size:18px; } .modal-content .modal-header.popup-header {   padding:0rem 1rem 22px !important; } .modal-content{   width:90% !important;   margin:50px auto; } } @media screen and (min-width:900px) { #quiz-modal h3#quiz-modal-label {   margin-bottom:13px; } .non-member--content .non-member--body.modal-body p {   margin-bottom:10px; } .non-member--content .non-member--body.modal-body {   padding-bottom:24px; } .non-member--content .non-member--body.modal-body button.btn.btn-primary.hide-content-become-member{   font-size:15px !important; } .non-member--content {   max-width:610px !important ; } } @media screen and (max-width:480px) { #quiz-modal h3.modal-title, h3#quiz-non-member--label { font-size:0.9rem !important; } { font-size:0.6rem !important; } #quiz-modal .modal-content .modal-body p, .modal-content p { font-size:16px; } }