* {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #101820;
}
html {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container {
  display: flex;
  margin-top: 170px;
  padding: 0px 15px;
  max-width: 850px;
  align-items: center;
}
.col1 {
  display: flex;
  flex-direction: column;
  margin-right: 10%;
}
.textContainer {
  line-height: 1.5em;
}
.primaryText {
  margin-bottom: 20px;
}
.header, span, b {
  font-size: 20px;
}
.header {
  margin-bottom: 30px;
}
.logoContainer {
  width: 135px;
  height: 45px;
  background-color: #041E42;
  display: flex;
  justify-content: center;
  padding: 11px 16px;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 30px;
}
#button:hover {
  opacity: 80%;
}

@media screen and (max-width:600px) {
  .container {display: flex; flex-direction: column; margin-top: 25px;}
  .col1 {order: 1; margin-right: 0;}
  .col2 {display: flex; justify-content: center; margin-bottom: 25px;}
  .logoContainer {width: 100%;}
  .primaryText {margin-bottom: 0px;}
  span:after {content:"\a"; white-space: pre;}
  .gizmo {height: 157px; width: 157px;}
  p {font-size: 14px;}
  .header,span,b {font-size: 15px;}
  .header {margin-bottom: 11px;}
}