Automated deployment: Wed Feb 12 21:14:21 UTC 2020 bce1c032d1

css/ndws.css

@@ -6112,6 +6112,84 @@ footer .footer-row img {
   display: inline;
 }
 
+.form {
+  display: flex;
+  text-align: left;
+  width: 100%;
+  max-width: 600px;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+.form label {
+  display: block;
+  font-size: 0.7em;
+  opacity: 0.7;
+}
+.form .grow-1,
+.form .grow-2 {
+  margin-bottom: 0px;
+  flex-basis: 50%;
+  padding: 5px;
+}
+.form .grow-1.single-line label,
+.form .grow-2.single-line label {
+  display: inline;
+  font-size: inherit;
+  opacity: inherit;
+}
+.form .grow-1 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+.form .grow-2 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+@media screen and (max-width: 576px) {
+  .form .grow-1,
+  .form .grow-2 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+.form input[type='text'],
+.form input[type='email'],
+.form select,
+.form textarea {
+  width: 100%;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 4px;
+  border-left: 5px solid maroon;
+}
+.form input[type='submit'] {
+  width: 100%;
+}
+.form input[type='text']:focus,
+.form input[type='email']:focus,
+.form select:focus,
+.form textarea:focus {
+  border-color: maroon;
+}
+.form input[type='checkbox'] {
+  display: none;
+}
+.form input[type='checkbox'] + label::before {
+  width: 23px;
+  height: 23px;
+  border-radius: 3px;
+  border: 2px solid maroon;
+  background-color: #fff;
+  display: block;
+  content: '';
+  float: left;
+  margin-right: 10px;
+}
+.form input[type='checkbox']:checked + label::before {
+  box-shadow: inset 0px 0px 0px 3px #fff;
+  background-color: maroon;
+}
+
 @font-face {
   font-family: 'SFMoviePoster';
   src: url('../font/SFMoviePoster.ttf') format('truetype');
@@ -6199,10 +6277,25 @@ p {
   padding-bottom: 300px;
 }
 
+hr {
+  color: maroon;
+  text-align: left;
+  margin-left: 0;
+  width: 300px;
+  max-width: 100%;
+  margin-bottom: 25px;
+}
+
+.center-container {
+  display: flex;
+  justify-content: center;
+}
+
 .text-center {
   text-align: center;
 }
 
+input.btn,
 a.btn {
   color: #000 !important;
   border: 1px solid #ccc;
@@ -6221,23 +6314,29 @@ a.btn {
   user-select: none;
   text-decoration: none;
 }
+input.btn.btn-sm,
 a.btn.btn-sm {
   font-size: 0.8em;
 }
+input.btn.btn-lg,
 a.btn.btn-lg {
   font-size: 1.5em;
 }
+input.btn.btn-xl,
 a.btn.btn-xl {
   font-size: 2em;
 }
+input.btn:hover,
 a.btn:hover {
   color: #333 !important;
   background-color: #e6e6e6;
   border-color: #adadad;
 }
+input.btn.btn-light,
 a.btn.btn-light {
   color: #fff !important;
 }
+input.btn.btn-light:hover,
 a.btn.btn-light:hover {
   color: #333 !important;
 }
@@ -6304,9 +6403,9 @@ body.hero {
   vertical-align: text-top;
 }
 #hero h1 {
-  font-size: 15vw;
+  font-size: 14vw;
   font-weight: normal;
-  line-height: 15vw;
+  line-height: 11vw;
 }
 #hero h1 img {
   width: 18vw;