@charset 'UTF-8';

@media screen and (min-width: 64em) and (max-width: 74.9375em) {


    article {max-width: none;}
    /* ===============
     * 
     * Hero
     * 
     * ===============
     */
    
     .head-container {  }
    .container .hero {  }
    #head-text {width: 450px;}
    #head-nurse {width: 530px;left: -184px;}
    #head-volunteer {width: 607px;right: -253px;bottom: -55px;}
    #nhs-logo {right: 10px;}
    #cm-logo {left: 10px;}
    
    /* ===============
     * 
     * Landing
     * 
     * ===============
     */
    
    .sub-header {  }
    .sub-header h3 {  }
    .sub-header p {  }
    
    .container-1{margin-bottom: 2em;}
    .container-1 h2 {  }
    .container-1 p {  }
    .container-1 #column-2 p {  }
    .container-1 .landing-columns {  }
    .container-1 #landing-2  p {  }
    .container-1 ul {  }
    .container-1 ul li {  }
    .container-1 a {  }
    
    /* ===============
     * 
     * default pages
     * 
     * ===============
     */
    
     .topbar {  }
     .topbar #nhs-logo {  }
     .topbar .home-btn {  }
    
    
    
    
    /* ===============
     * 
     * Application
     * 
     * ===============
     */
    
    .page-application {  }
    .application {overflow-x: hidden;padding-top: 0;min-height: 80vh;padding-bottom: 330px;}
    .application h1 {margin-left: 2em;margin-top: 2em;}
    .quiz-container {margin-left: 1em;}
    .quiz-container .question {  }
    .quiz-container .question::before {  }
    .quiz-container .question::after {  }
    .quiz-container .question h4 {  }
    .quiz-container .answers {  }
    .quiz-container .a-yes,
    .quiz-container .a-no {  }
    .quiz-container .a-yes {  }
    .quiz-container .answers .radio {  }
    .quiz-container .radio {  }
    .quiz-container .label {  }
    .quiz-container .a-casual {  }
    .quiz-container .a-fixed,
    .quiz-container .a-casual,
    .quiz-container .a-volunteer {  }
    
    
    .quiz-container .question .info-dot {  }
    .quiz-container .question .info-dot-fixed::after {  }
    .quiz-container .question .info-dot-bank::after {  }
    .quiz-container .question .info-dot-volunteer::after {  }
    .quiz-container .question .info-dot-fixed:hover::after {  }
    .quiz-container .question .info-dot-bank:hover::after {  }
    .quiz-container .question .info-dot-volunteer:hover::after {  }
    
    .results {margin-left: 1em;}
    .results h4 {  }
    .results ul {  }
    .results li div{margin-right: 15px;}
    .results li button,
    .results li a {  }
    .results > div {  }
    .results > div::before {  }
    .results > div::after {  }
    .results .cat-c::after {  }
    .results .category {  }
    .results .category .apply-btn {  }
    
    .application .line{  }
    .application .line{  }
    .application #head-nurse {bottom: 0;left: -159px;}
    .application #head-volunteer {right: -209px;bottom: 0;}
    .application #nhs-logo {right: 20px;top: 25px;}
    .application .home-btn {top: 15px;left: 20px;}
    
    .application .acc-title {  }
    .application .acc-title svg {  }
    .application .acc-title.active svg {  }
    .application .acc-content {  }
    .application .acc-content ul {  }
    
    /* ===============
     * 
     * Contact-form
     * 
     * ===============
     */
    .contact-page {min-height: 80vh;padding-top: 100px;}
    .contact-page .home-btn {left: 20px;}
    
    .contact-form {  }
    .contact-form h3 {  }
    .contact-form h3.select-title {  }
    .contact-form p {  }
    .contact-form form {  }
    .contact-form form input, .contact-form form select  {  }
    .contact-form form select  {  }
    .contact-form form select::-ms-expand  {  }
    .contact-form form input:focus {  }
    .contact-form form input::placeholder {  }
    .contact-form form button {  }
    
    .select-wrap {  }
    .select-wrap::after {  }
    
    
    .page-thank-you #content-1 {min-height: 75vh;}
    .page-thank-you h1 {  }
    
    .page-privacy-policy #content-1 {margin: 2em;}
    .page-privacy-policy #content-1 h3 {  }
    
    /* ===============
     * 
     * Footer
     * 
     * ===============
     */
    
     footer {margin-top: 0;}
     footer a {  }
     footer a:hover {  }
     footer .hashtag {  }
     footer .footer-info {  }
     footer .footer-info div {  }
     footer .footer-info p {  }
     footer .social-media {  } 
     footer .social-media a {  } 
    



}