span#logo, span#cover, #content1, #content2, #content3 {
    display:none;
}

.monthly-updates {
    border-right: none;
    border-left: none;
    padding:0px;
    width: 47%;
}

.monthly-newsletters {
  column-count: 2;
}

.weekly-update {
    padding:0px;
    width: 20%;
}

.special-updates {
    padding:0;
    width: 23%;
}

.newsletters h4 {
  margin-bottom: 10px;
}

div#nldesc {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 8px;
}

#submitbtn {
    text-align:inherit;
    margin:auto;
}

div#content4 {
    background-color: #D4E5FF87;
    padding: 20px;
}

.headertext {
    font-size: 24px;
    color: #444444;
    font-family: 'Nunito Sans', Sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 15px;
    line-height:1.5;
    margin: auto;  
}

.sub-header {
    font-family: 'Bitter', Serif; 
    font-weight: 600;
    color: #2A7DFF;
    font-size: 19px;
}

p#prefp1, p#prefp2, .questionlabel {
    color: #444444;
    font-family: 'Nunito Sans', Sans-serif;
    font-size: 15px;
    font-weight: 400;
}

input[type="submit"] {
    font-family: 'Nunito Sans', Sans-serif !important;
    font-size: 15.5px;
    font-weight: 400;
    text-transform: uppercase;
    background: #000000;
    border-radius: 0px;
    color: #ffffff;
    padding: 10px 22px 10px 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #2A7DFF;
}

div[id^="pp"] .questionlabel label::before, div[id^="pd"] .questionlabel label::before {
    background: #FFFFFF;
}

div[id^="pp"] input[type="checkbox"]:checked + .questionlabel label::before, div[id^="pd"] input[type="checkbox"]:checked + .questionlabel label::before  {
    background: #2A7DFF;
    color: #FFFFFF;
}

/* mobile */ 

@media only screen and (max-width: 2480px) {
     .headertext {
        width: 86%;
}
     .monthly-updates {
        width: 47%;
}
     .weekly-update {
        width: 20%;
}
     .special-updates {
        width: 23%;
}
}


@media only screen and (max-width: 1703px) {
     .headertext {
        width: 86%;
}
}


@media only screen and (max-width: 1260px) {
     .headertext {
        width: 95%;
}
}


@media only screen and (min-width: 1260px) {
     #submitbtn {
         width: 86%;
}
}

@media only screen and (max-width: 1259px) {
     #submitbtn {
         width: 95%;
}
     .monthly-updates {
        width: 65% !important;
}
     .weekly-update, .special-updates {
        width: 25% !important;
}
}

@media only screen and (max-width: 767px) {
     .weekly-update, .monthly-updates, .special-updates {
        width: 100% !important;
}
     .monthly-newsletters {
        column-count: initial;
}
}