* { 
  margin: 0;
  padding: 0;
  outline: 0;
 }

body {
  background: #ffffff;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: #000;
  text-align: center;
}

/* links */
a, a:visited {
  padding: 10px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  background: inherit;
}

a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #FF0000;
}

/* The following forces the right side scroll bar to appear on all pages */
html {
  height: 100.2%;
  margin-bottom: 1px;
} 

#wrap {
  position: relative;
  width: 100%;
  background: #ffffff;
  text-align: left;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size:1vw;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 10vw;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 1vw;
  background-color: #fff;
  color: #000000;
  border-bottom: 3px solid #b2c9e8;
  z-index:100;
}

#header_text {
  position: relative;
  margin: 0 auto;
  width: 80%;
  height: 10vw;
  text-align: left;
  padding-top: 3vw;
  font-size: 2vw;
}
  
#header_text H1{
  font-size: 2.5vw;
  font-weight: bold;
}
 
#header img#header_logo {
  position: absolute;
  top: 2vw;
  right: 10vw;
  width: 20vw;
}

#survey-wrap {
  position:relative;
  margin-top:12vw;
}

.enclosedquestion {
  font-size: 2vw;
  color: #1b82c5;
  font-weight: normal;
  width: 80%;
  border: 3px solid #1b82c5;
  border-radius: 1.5vw;
  height: 6vw;
  text-align: center;
  margin: 2vw auto;
}   

.radiowrap {
  margin-top: 0.5vw;
  font-size: 2vw;
  color: #000000;
  height: 2vw;
}

.radiotitle {
  font-size: 2vw;
  color: #000000;
  height: 2vw;
  margin-right:2vw;
  display: inline;
}

.openquestion {
  font-size: 1.5vw;
  color: #1b82c5;
  font-weight: normal;
  width: 80%;
  text-align: left;
  margin: 2vw auto;
}   

.openquestion .oqmain {
  font-size: 2vw;
  color: #1b82c5;
  font-weight: normal;
  text-align: left;
  margin: 2vw auto;
  margin-bottom: 2vw;
}   

.openquestion table {
  width: 100%;
  margin-top: 1vw;
}

.openquestion td.qheading {
  color: #000000;
  font-size: 1.5vw;
  text-align: left;
}

.openquestion td.qheading span {
  width:100%;
}

.openquestion td.radiotitle {
  color: #000000;
  font-size: 1.8vw;
}

.openquestion td.radiobox {
  color: #000000;
  font-size: 1.5vw;
  width: 12%;
  text-align: center;
}

.headingbox {
  position: relative;
  width: 100%;
}

.headingbox .left {
  position: relative;
  text-align: left;
}

.headingbox .center {
  position: relative;
  text-align: center;
}

.headingbox .right {
  position: relative;
  text-align: right;
}

textarea {
  resize: none;
  width: 100%;
  height: 6vw;
  border: 3px solid #1b82c5;
  font-size: 2vw;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 1vw;
  margin-top: .5vw;
}

input[type=text] {
  font-size: 1.5vw;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 1vw;
  border: 3px solid #1b82c5;
  width: 50%;
}

input[type=radio] {
  height:1.3vw;
  width:1.3vw;
}

input[type=submit] {
  height:5vw;
  width:12vw;
  border-radius: 1.5vw;
  font-size: 2vw;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  background-color: #1b82c5;
  color: #ffffff;
}

input[type=checkbox] {
  height:1.3vw;
  width:1.3vw;
}

select {
  font-size: 2vw;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 1vw;
  margin-top: 0;
  border: 3px solid #1b82c5;
  width: 60%;
}





#disclaimer-wrap {
  position: relative;
  width: 100%;
  font-size: 1vw;
}

#disclaimer-wrap p#disclaimer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 400px;
  height: 30px;
} 

#disclaimer-wrap p#materialid {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
}

#footer {
  position: relative;
  width:80%;
  margin: 0 auto;
  margin-top: 2vw;
  height: 10vw;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size:1.2vw;
  background: #ffffff;
  color: #000000;
}

.multicolumn {
  position:relative;
  width:80%;
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap:1vw;
  align-items: flex-start;
  margin: 0 auto;
}

.column-item {
  position:relative;
  flex-grow: 1;
}

.column-header {
  position: relative;
  height:3vw;
  font-size:1.5vw;
  text-align: center;
}

.column-radio {
  position: relative;
  text-align: center;
}

.group-heading {
  font-size: 1.5vw;
  color: black;
  font-weight: bold;
  width: 80%;
  text-align: left;
  margin: 2vw auto;
}   

.onecolumn {
  position:relative;
  width:80%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  flex-wrap: nowrap;
  gap:1vw;
  align-items: flex-start;
}

.pick3-item {
  position: relative;
  width:100%;
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
}

.pick3-checkbox {
  width: 5%;
}

.pick3-title {
  width: 90%;
}

.button-container {
  display:flex;
  flex-direction:row;
  width:100%;
  justify-content: center;
}

.submit-button {
  border-radius: 1.2vw;
  font-size: 2vw;
  background-color: #1b82c5;
  color: #ffffff;
  padding: 1vw 3vw 1vw 3vw;
  cursor: pointer;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.no-answer-prompt {
  position:relative;
  width:100%;
  text-align: left;
  color:red;
  font-size:1.5vw;
  font-weight:bold;
  top: -1vw;
}

.thankyou-container {
  position: relative;
  width: 80%;
  text-align: center;
  margin: 15vw auto;
  color: #1b82c5;
  font-size: 2.5vw;
}

.landing-page-container {
  position: relative;
  width: 80%;
  text-align: left;
  margin: 15vw auto;
  color: #1b82c5;
  font-size: 1.7vw;
  display:flex;
  flex-direction: row;
  flex-wrap:nowrap;
}

.landing-heading {
  position:relative;
  width:100%;
  text-align:center;
  font-size:2vw;
  font-weight:bold;
  margin-bottom: 2vw;
}

.landing-copy {
  width:75vw;
}

.feedback-image-container {
  position: relative;
  width: 26%;
  text-align: left;
}

.feedback-image {
  Position: relative;
  width: 15vw;
}

.closed-page-container {
  position: relative;
  width: 80%;
  text-align: left;
  margin: 15vw auto;
  color: #1b82c5;
  font-size: 1.7vw;
  display:flex;
  flex-direction: row;
  flex-wrap:nowrap;
}

.closed-heading {
  position:relative;
  width:100%;
  text-align:center;
  font-size:3vw;
  font-weight:bold;
  margin-bottom: 2vw;
}

.closed-copy {
  width:75vw;
  margin-top: 10vw;
}


@media only screen and (max-width: 450px) {

  #header {
    position: relative;
    top: 0;
    width: 100%;
    display:flex;
    flex-direction:column-reverse;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 1vw;
    background-color: #fff;
    color: #000000;
    border-bottom: 3px solid #b2c9e8;
    z-index:100;
    height: auto;
  }
  
  #header_text {
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 3vw;
  }
    
  #header_text H1{
    font-size: 5.5vw;
    font-weight: bold;
  }

  .header-logo-container {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
  }
   
  #header img#header_logo {
    position: relative;
    top: 1vw;
    right: unset;
    width: 60vw;
  }

  .landing-page-container {
    position: relative;
    width: 90%;
    text-align: left;
    margin: 0 auto;
    color: #1b82c5;
    font-size: 4vw;
    display: block;
    flex-direction: unset;
    flex-wrap: unset;
  }
  
  .landing-heading {
    position:relative;
    width:100%;
    text-align:center;
    font-size:5vw;
    font-weight:bold;
    margin-bottom: 2vw;
    margin-top: 4vw;
  }
  
  .feedback-image-container {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top:2vw;
  }
  
  .feedback-image {
    Position: relative;
    width: 35vw;
  }
  
  .landing-copy {
    width:100%;
  }
  
  .submit-button {
    border-radius: 1.5vw;
    font-size: 5vw;
    background-color: #1b82c5;
    color: #ffffff;
    padding: 2vw 6vw 2vw 6vw;
    cursor: pointer;
  }
  
  .closed-page-container {
    position: relative;
    width: 90%;
    text-align: left;
    margin: 0 auto;
    color: #1b82c5;
    font-size: 4vw;
    display: block;
    flex-direction: unset;
    flex-wrap: unset;
  }
  
  .closed-heading {
    position:relative;
    width:100%;
    text-align:center;
    font-size:7vw;
    font-weight:bold;
    margin-bottom: 2vw;
    margin-top: 4vw;
  }
  
  .closed-copy {
    width:100%;
    margin-top:25vw;
  }
  

  #survey-wrap {
    position:relative;
    margin-top:6vw;
  }
  
  .enclosedquestion {
    font-size: 2vw;
    color: #1b82c5;
    font-weight: normal;
    width: 80%;
    border: 3px solid #1b82c5;
    border-radius: 1.5vw;
    height: 6vw;
    text-align: center;
    margin: 2vw auto;
  }   
  
  .radiowrap {
    margin-top: 0.5vw;
    font-size: 2vw;
    color: #000000;
    height: 2vw;
  }
  
  .radiotitle {
    font-size: 2vw;
    color: #000000;
    height: 2vw;
    margin-right:2vw;
    display: inline;
  }
  
  .openquestion {
    font-size: 4vw;
    color: #1b82c5;
    font-weight: normal;
    width: 90%;
    text-align: left;
    margin: 5vw auto;
  }   
  
  .openquestion .oqmain {
    font-size: 4vw;
    color: #1b82c5;
    font-weight: bold;
    text-align: left;
    margin: 2vw auto;
    margin-bottom: 2vw;
  }   
  
  .openquestion table {
    width: 100%;
    margin-top: 1vw;
  }
  
  .openquestion td.qheading {
    color: #000000;
    font-size: 1.5vw;
    text-align: left;
  }
  
  .openquestion td.qheading span {
    width:100%;
  }
  
  .openquestion td.radiotitle {
    color: #000000;
    font-size: 1.8vw;
  }
  
  .openquestion td.radiobox {
    color: #000000;
    font-size: 1.5vw;
    width: 12%;
    text-align: center;
  }
  
  .multicolumn {
    position: relative;
    width: 90%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1vw;
    align-items: flex-start;
    margin: 0 auto;
  }
  
  .column-item {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: row-reverse;
    gap: 2vw;
  }
  
  .column-header {
    position: relative;
    height: 4vw;
    font-size: 4vw;
    text-align: center;
  }
  
  .column-radio {
    position: relative;
    text-align: center;
  }
  
  .group-heading {
    font-size: 4vw;
    color: black;
    font-weight: bold;
    width: 90%;
    text-align: left;
    margin: 2vw auto;
  }   
  
  .onecolumn {
    position: relative;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1vw;
    align-items: flex-start;
  }
  
  .pick3-item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 2vw;
  }
  
  .pick3-checkbox {
    width: 5vw;
  }
  
  .pick3-title {
    width: 90%;
    font-size: 4vw;
  }
  
  input[type=radio] {
    height: 3.5vw;
    width: 2.5vw;
  }
  
  input[type="checkbox"] {
    height: 3.5vw;
    width: 2.5vw;
  }

  input[type="text"] {
    font-size: 4vw;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    border: .25vw solid #1b82c5;
    width: 60vw;
  }

  select {
    font-size: 4vw;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    margin-bottom: 1vw;
    margin-top: 0;
    border: 0.25vw solid #1b82c5;
    width: 100%;
  }

  .no-answer-prompt {
    position:relative;
    width:100%;
    text-align: left;
    color:red;
    font-size:3.5vw;
    font-weight:bold;
    top: -1vw;
  }
  
  .thankyou-container {
    position: relative;
    width: 90%;
    text-align: center;
    margin: 15vw auto;
    color: #1b82c5;
    font-size: 5vw;
  }
  
  
}