Add new file

src/static/custom/style.css

+/* ubuntu-300 - latin */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 300;
+  src: url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
+  src: local('Ubuntu Light'), local('Ubuntu-Light'),
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
+}
+
+/* ubuntu-700 - latin */
+@font-face {
+  font-family: 'Ubuntu';
+  font-style: normal;
+  font-weight: 700;
+  src: url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */
+  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('https://repo.fairkom.net/fonts/ubuntu/ubuntu-v14-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
+}
+
+
+body {
+  font-family: 'Ubuntu', sans-serif;
+  color: #666;
+  font-weight: 100;
+  line-height: 1.5em;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Ubuntu', sans-serif;
+  font-weight: 700;
+}
+
+header.masthead {
+  position: relative;
+  background-color: #343a40;
+  background: url("/static/custom/board.jpg") no-repeat center center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+
+header.masthead h1 {
+  font-size: 2rem;
+}
+
+@media (min-width: 768px) {
+  header.masthead {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+
+.terms {
+  padding-top: 10px;
+}
+
+.bg-light {
+  background-color: #2F4F4F!important;
+}
+
+#info {
+  background-color: /*#2F4F4F*/#fafafa;
+  padding-top: 60px;
+  padding-bottom: 60px;
+}
+#info p {
+  color: #666;
+  font-size: 16px;
+  line-height: 1.5em;
+}
+#info h2 {
+  color: #283583;
+}
+
+#myFooter {
+    background-color: #ffffff;
+    color: #666;
+    padding-top: 30px;
+}
+#myFooter p {
+  font-weight: 100;
+}
+
+#myFooter .footer-copyright {
+    background-color: #82ad29;
+    padding-top: 13px;
+    padding-bottom: 1px;
+    text-align: center;
+}
+#myFooter .row {
+    margin-bottom: 60px;
+}
+#myFooter .navbar-brand {
+    margin-top: 45px;
+    height: 65px;
+}
+#myFooter ul {
+    list-style-type: none;
+    padding-left: 0;
+    line-height: 2em;
+}
+#myFooter h5 {
+    font-size: 18px;
+    color: #82ad29;
+    text-transform: uppercase;
+    margin-top: 30px;
+    font-weight: 100;
+}
+#myFooter a {
+    color: #283583;
+    text-decoration: none;
+    font-weight: 300;
+}
+#myFooter a:hover,
+#myFooter a:focus {
+    text-decoration: underline;
+    color: #283583;
+}
+
+#myFooter .social-networks a {
+    font-size: 22px;
+    color: #666;
+    transition: 0.2s;
+}
+#myFooter .social-networks a:hover {
+    text-decoration: none;
+}
+#myFooter .facebook:hover {
+    color: #0077e2;
+}
+#myFooter .twitter:hover {
+    color: #00aced;
+}
+#myFooter .btn {
+    color: white;
+    border-radius: none;
+    border: none;
+    width: 150px;
+    display: block;
+    margin: 0 auto;
+    margin-top: 10px;
+    line-height: 25px;
+}
+@media screen and (max-width: 767px) {
+    #myFooter {
+        text-align: center;
+    }
+}
+#myFooter img {
+  max-width: 160px;
+}
+
+.footer-copyright p {
+  color: #fff;
+  font-size: 14px!important;
+}
+
+.social-networks a {
+    font-size: 22px;
+    color: #111;
+    padding: 5px;
+    transition: 0.2s;
+}
+.social-networks a:hover {
+    text-decoration: none;
+}
+.facebook:hover {
+    color: #0077e2;
+}
+.twitter:hover {
+    color: #00aced;
+}
+.fa-envelope:hover {
+  color: #82AD29;
+}
+
+a {
+  color: #283583;
+}
+a:hover {
+  color: #283583;
+}
+
+.masthead a {
+color: #ffff00;
+}
+.masthead a:hover {
+  color: #ffff00;
+}
+.btn-primary {
+  background-color: #2F4F4F;
+  border-color: #2F4F4F;
+}
+.btn-primary:hover {
+  background-color: #ffff00;
+  color: #2f4f4f;
+  border-color: #ffff00;
+}
+
+.form-control:focus {
+  border-color: #ffff00;
+  box-shadow: inset 0 1px 1px rgba(25, 25, 0, 0.075), 0 0 8px rgba(25, 25, 0, 0.6);
+}
+
+.button.buttonicon.ep_image_upload.image_upload:before {
+  content:"\E80C";
+  title: "upload image or file";
+}