html, body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #F9EBF3;
}

.hide {
    display:none;
    margin-left:20px;
}

ul li {
    list-style-type: none;
}



a:hover {
    color:#000;
}


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.pure-button-primary, button {
}

* {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body {
    padding:0;
    margin:0;
    background-color: #F9EBF3;
    width:100%;
}



img {
    height: auto;
    width: 100%;
    text-align: center;
}

.center {
    display: block;
    margin-left: auto;   
    margin-right: auto;
    width: 60%;
}

* {
    box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
    text-align:center;
}



.borderBot {
    border-bottom: 2px solid #EFDEE9;
}

.row {
    width:100%;
    text-align: center;

}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}


/* For desktop: */
.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;

}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.heart {
    max-width: 100px;
}


.myButton {
    color:#000000;
    background-color:#D28DAD;
    border:2px solid #000;
    display:inline-block;
    cursor:pointer;
    font-size:18px;
    font-weight: 700;
    padding:16px 31px;
    text-decoration:none;
    margin-bottom:50px;
}




@media only screen and (max-width: 768px) {
   
   h3 {
    font-size: 1.2em;
}
/* For mobile phones: */
[class *="col-"] {
    width: 100%;
}

.heart {
    display:none;
    }
}



.row {
    width:100%;
    text-align: center;

}




form {
    min-width: 80%;
}

.inline {
    display:inline !important;
}

@media screen and (max-width: 900px) {
    #housinglegend {
        font-size:1.25rem;
        padding-top:12px;
    }
}

strong {
    font-weight:900;
}


.pure-radio, .pure-checkbox, h5 {
 font-weight: 900;
 font-style: bold;
}
/* The Modal (background) */

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow-y: auto; /* Enable scroll if needed */
  overflow-x: hidden; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


#alcohol_and_tobacco, #testing,#vaccine_acceptance, #disability_collection, #health_status, #medical_history, #housing, #identity, #sociodemographics, #location, #covidtest, #demographics{
    display:none;
}

.pure-form legend {
    border:2px solid #000;
    padding-left:40px;
    height: 60px;
    padding-top:10px;
}


.closed {
    display:none;
}

.open {
    display:block;
}

.plus { 
    background: url(images/plus.png) no-repeat left center;
    background-position:1%;
}


.minus { 
    background: url(images/minus.png) no-repeat left center;
    background-position:1%;
}

.check {
    float:right;
    height: 40px;
    display:none;
}

input {
    margin:5px;
}