diff --git a/cara/apps/calculator/static/js/form.js b/cara/apps/calculator/static/js/form.js
index 971b9ba6..bc0612a9 100644
--- a/cara/apps/calculator/static/js/form.js
+++ b/cara/apps/calculator/static/js/form.js
@@ -20,10 +20,9 @@ function getChildElement(elem) {
   return $("#" + elem.data("enables"));
 }
 
-
 /* -------Required fields------- */
 function require_fields(obj) {
-  switch (obj.id) {
+  switch ($(obj).attr('id')) {
     case "room_type_volume":
       require_room_volume(true);
       require_room_dimensions(false);
@@ -124,6 +123,8 @@ function require_air_supply(option) {
 
 function require_single_event(option) {
   $("#single_event_date").prop('required', option);
+  if (!option)
+    removeInvalidDate();
 }
 
 function require_recurrent_event(option) {
@@ -134,12 +135,18 @@ function require_lunch(option) {
   $("#lunch_start").prop('required', option);
   $("#lunch_finish").prop('required', option);
   if (option) {
-    document.getElementById("lunch_start").value = "12:30";
-    document.getElementById("lunch_finish").value = "13:30";
+    var start = document.getElementById("lunch_start");
+    if (start.value === "")
+      start.value = "12:30";
+    var finish = document.getElementById("lunch_finish");
+    if (finish.value === "")
+      finish.value = "13:30";
   } 
   else {
     document.getElementById("lunch_start").value = "";
     document.getElementById("lunch_finish").value = "";
+    $("#lunch_finish").removeClass("red_border");
+    $("#lunch_time_error").hide();
   }
 }
 
@@ -195,36 +202,72 @@ function validate_form(form) {
   var submit = true;
 
   //Validate all dates
-  $("input[required].datepicker").each(function () {
-    $(this).removeClass("red_border");
-    $(this).next().hide();
-
-    var fromDate = $(this).val();
-    if (!isValidDate(fromDate)) {
-      $(this).addClass("red_border");
+  $("input[required].datepicker").each(function() {
+    if (!validateDate(this))
       submit = false;
-      $(this).next().show();
-    }
   });
 
   //Validate all times
-  $("input[required].finish_time").each(function () {
-    $(this).removeClass("red_border");
-    $(this).next().hide();
-
-    var startTime = parseValToNumber($(this).prev());
-    var finishTime = parseValToNumber($(this));
-    if (startTime > finishTime) {
-      $(this).addClass("red_border");
+  $("input[required].finish_time").each(function() {
+    if (!validateFinishTime(this))
       submit = false;
-      $(this).next().show();
-    }
   });
 
   return submit;
 }
 
-function isValidDate(date) {
+function validateDate(obj) {
+  $(obj).removeClass("red_border");
+  $(obj).next().hide();
+
+  var fromDate = $(obj).val();
+  if (!isValidDateOrEmpty(fromDate)) {
+    $(obj).addClass("red_border");
+    $(obj).next().show();
+    return false;
+  }
+  return true;
+}
+
+function validateFinishTime(obj) {
+  $(obj).removeClass("red_border");
+  $(obj).next().hide();
+
+  var startTime = parseValToNumber($(obj).prev().val());
+  var finishTime = parseValToNumber(obj.value);
+  if (startTime > finishTime) {
+    $(obj).addClass("red_border");
+    $(obj).next().show();
+    return false;
+  }
+  return true;
+}
+
+//TODO: Merge with validateFinishTime()
+function validateStartTime() {
+  $(this).next().removeClass("red_border");
+  $(this).next().next().hide();
+
+  var startTime = parseValToNumber($(this).val());
+  var finishTime = parseValToNumber($(this).next().val());
+  if (startTime > finishTime) {
+    $(this).next().addClass("red_border");
+    $(this).next().next().show();
+  }
+}
+
+function removeInvalidDate() {
+  var single_event_date = document.getElementById("single_event_date");
+  if (single_event_date.classList.contains("red_border"))
+  {
+    single_event_date.value = "";
+    $(single_event_date).next().hide();
+    $(single_event_date).removeClass("red_border");
+  }
+}
+
+function isValidDateOrEmpty(date) {
+  if (date === "") return true;
   var matches = /^(\d+)[-\/](\d+)[-\/](\d+)$/.exec(date);
   if (matches == null) return false;
   var d = matches[1];
@@ -235,8 +278,8 @@ function isValidDate(date) {
   return composedDate.getDate() == d && composedDate.getMonth() + 1 == m && composedDate.getFullYear() == y;
 }
 
-function parseValToNumber(obj) {
-    return parseInt(obj.val().replace(':',''), 10);
+function parseValToNumber(val) {
+    return parseInt(val.replace(':',''), 10);
 }
 
 /* -------On Load------- */
@@ -247,22 +290,28 @@ $(document).ready(function () {
 
   // When the ventilation_type changes we want to make its respective
   // children show/hide.
-  ventilation_types = $("input[type=radio][name=ventilation_type]");
-  ventilation_types.change(on_ventilation_type_change);
+  $("input[type=radio][name=ventilation_type]").change(on_ventilation_type_change);
   // Call the function now to handle forward/back button presses in the browser.
   on_ventilation_type_change();
 
-  $("input[name=mechanical_ventilation_type]").change(function () {
-    console.log('Changed!');
-  })
+  //Same for lunch option
+  require_fields($("input[name='lunch_option']:checked"));
 
   // Setup the maximum number of people at page load (to handle back/forward),
   // and update it when total people is changed.
   setMaxInfectedPeople();
   $("#total_people").change(setMaxInfectedPeople);
-
   $("#activity_type").change(setMaxInfectedPeople);
 
+  //Validate all dates
+  $("input[required].datepicker").each(function() {validateDate(this)});
+  $(".datepicker").change(function() {validateDate(this)});
+
+  //Validate all finish times
+  $("input[required].finish_time").each(function() {validateFinishTime(this)});
+  $(".finish_time").change(function() {validateFinishTime(this)});
+  $(".start_time").change(validateStartTime);
+
   var radioValue = $("input[name='event_type']:checked");
   if (radioValue.val()) {
     require_fields(radioValue.get(0));
@@ -279,6 +328,7 @@ function debug_submit(form) {
   var serializedData = objectifyForm($(form).serializeArray());
 
   console.log(serializedData);
+
   return false; //don't submit
 }
 
diff --git a/cara/apps/calculator/templates/calculator.form.html.j2 b/cara/apps/calculator/templates/calculator.form.html.j2
index 495ab3de..682dce11 100644
--- a/cara/apps/calculator/templates/calculator.form.html.j2
+++ b/cara/apps/calculator/templates/calculator.form.html.j2
@@ -116,11 +116,11 @@
                     <option value="workshop">Workshop</option>
                     <option value="training">Training</option>
                    </select><br>
-    Start: <input type="time" id="activity_start" name="activity_start" value="09:00" required> &nbsp;&nbsp;
+    Start: <input type="time" id="activity_start" class="start_time" name="activity_start" value="09:00" required> &nbsp;&nbsp;
     Finish: <input type="time" id="activity_finish" class="finish_time" name="activity_finish" value="18:00" required>
     <span id="activity_time_error" class="red_text" hidden>Finish time must be after start</span><br>
     Infected person(s) presence: <br>
-    Start: <input type="time" id="infected_start" name="infected_start" value="09:00" required> &nbsp;&nbsp;
+    Start: <input type="time" id="infected_start" class="start_time" name="infected_start" value="09:00" required> &nbsp;&nbsp;
     Finish: <input type="time" id="infected_finish" class="finish_time" name="infected_finish" value="18:00" required>
     <span id="infected_time_error" class="red_text" hidden>Finish time must be after start</span><br>
     <hr width="80%">
@@ -162,7 +162,7 @@
       <label for="lunch_option">Yes</label><br>
     
     <div id="DIVlunch_break">
-        Start: <input type="time" id="lunch_start" name="lunch_start" value="12:30" required> &nbsp;&nbsp;
+        Start: <input type="time" id="lunch_start" class="start_time" name="lunch_start" value="12:30" required> &nbsp;&nbsp;
         Finish: <input type="time" id="lunch_finish" class="finish_time" name="lunch_finish" value="13:30" required>
         <span id="lunch_time_error" class="red_text" hidden>Finish time must be after start</span><br>
     </div>
diff --git a/cara/apps/static/css/colors.css b/cara/apps/static/css/colors.css
new file mode 100644
index 00000000..73c62e29
--- /dev/null
+++ b/cara/apps/static/css/colors.css
@@ -0,0 +1,985 @@
+body {
+  color: #2f4858;
+  background: #2f3442; }
+
+main {
+  background: #ffffff; }
+
+header .site-info__text__name, header .site-info__text__slogan {
+  color: #fafafa; }
+  header .site-info__text__name a, header .site-info__text__slogan a {
+    color: #fafafa;
+    text-decoration: none; }
+
+header {
+  background: #2f3442; }
+  header .nav > li > a, header .nav > li > span {
+    color: #fffffe; }
+    header .nav > li > a:after, header .nav > li > span:after {
+      background: #2d8af1; }
+  header .cern-search a {
+    color: #fffffe; }
+    header .cern-search a:after {
+      background: #2d8af1; }
+  header .cern-search #cern-search-overlay {
+    background: #2f3442; }
+    header .cern-search #cern-search-overlay .form-item:before {
+      color: #fffffe; }
+    header .cern-search #cern-search-overlay .form-item input {
+      border-color: #fffffe;
+      color: #fffffe; }
+
+header .navbar-default .navbar-nav > li > a {
+  color: #fffffe; }
+header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus {
+  color: #fffffe; }
+header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
+  color: #fffffe; }
+
+@media (max-width: 767px) {
+  header .navbar-default .navbar-header button .icon-bar {
+    background-color: #fffffe; }
+  header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #fffffe; }
+  header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #fffffe; }
+  header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fffffe;
+    background-color: #2f3442; }
+  header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #fffffe; } }
+header .navbar-collapse.collapse.in,
+header .navbar-collapse.collapsing {
+  background: #2f3442; }
+
+header .dropdown-menu {
+  background: #2f3442;
+  border-color: #2f3442; }
+  header .dropdown-menu:before {
+    border-color: transparent transparent #2f3442 transparent; }
+  header .dropdown-menu > li > a, header .dropdown-menu > li > span {
+    background: #2f3442;
+    color: #fffffe; }
+    header .dropdown-menu > li > a:before, header .dropdown-menu > li > span:before {
+      color: #fffffe; }
+    header .dropdown-menu > li > a:after, header .dropdown-menu > li > span:after {
+      background: #2d8af1; }
+    header .dropdown-menu > li > a:hover:before, header .dropdown-menu > li > a.is-active:before, header .dropdown-menu > li > span:hover:before, header .dropdown-menu > li > span.is-active:before {
+      color: #2d8af1; }
+    header .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus, header .dropdown-menu > li > span:hover, header .dropdown-menu > li > span:focus {
+      background: #2f3442;
+      color: #fffffe; }
+  header .dropdown-menu > li > font {
+    color: #fffffe; }
+
+.sidebar-left nav ul:not(.pagination):not(.contextual-links), .sidebar-right nav ul:not(.pagination):not(.contextual-links) {
+  background-color: #2f3442; }
+  .sidebar-left nav ul:not(.pagination):not(.contextual-links) li a, .sidebar-right nav ul:not(.pagination):not(.contextual-links) li a {
+    color: #fffffe !important; }
+    .sidebar-left nav ul:not(.pagination):not(.contextual-links) li a:hover, .sidebar-right nav ul:not(.pagination):not(.contextual-links) li a:hover {
+      color: #fffffe; }
+      .sidebar-left nav ul:not(.pagination):not(.contextual-links) li a:hover::before, .sidebar-right nav ul:not(.pagination):not(.contextual-links) li a:hover::before {
+        color: #2d8af1; }
+    .sidebar-left nav ul:not(.pagination):not(.contextual-links) li a::after, .sidebar-right nav ul:not(.pagination):not(.contextual-links) li a::after {
+      color: #2d8af1; }
+
+.sticky-header header {
+  background: #2f3442 !important; }
+
+.has-header header.menu-expanded {
+  background: #2f3442 !important; }
+
+.block-language .active-language a {
+  color: #fffffe; }
+  .block-language .active-language a:after {
+    background: #2d8af1; }
+.block-language ul.links {
+  background: #2f3442; }
+  .block-language ul.links::before {
+    border-color: transparent transparent #2f3442 transparent; }
+  .block-language ul.links a {
+    color: #fffffe; }
+    .block-language ul.links a:after {
+      background: #2d8af1; }
+
+.region-content > nav.tabs {
+  background: #2f3442; }
+  .region-content > nav.tabs a.is-active {
+    color: #2f3442; }
+
+main .field--type-text-with-summary .nav-tabs li a,
+main .text-component-text.basic_html .nav-tabs li a,
+main .text-component-text.restricted_html .nav-tabs li a,
+main .text-component-text.cern_full_htm .nav-tabs li a {
+  color: #105ea9;
+  background: #fffdfd; }
+main .field--type-text-with-summary .nav-tabs li.active a, main .field--type-text-with-summary .nav-tabs li:hover a,
+main .text-component-text.basic_html .nav-tabs li.active a,
+main .text-component-text.basic_html .nav-tabs li:hover a,
+main .text-component-text.restricted_html .nav-tabs li.active a,
+main .text-component-text.restricted_html .nav-tabs li:hover a,
+main .text-component-text.cern_full_htm .nav-tabs li.active a,
+main .text-component-text.cern_full_htm .nav-tabs li:hover a {
+  background: #f2f6fa;
+  color: #1161af; }
+main .field--type-text-with-summary .tab-content,
+main .text-component-text.basic_html .tab-content,
+main .text-component-text.restricted_html .tab-content,
+main .text-component-text.cern_full_htm .tab-content {
+  background: #f2f6fa;
+  color: #1161af; }
+
+body > footer {
+  background: #2f3442;
+  color: #fffeee; }
+  body > footer h2 {
+    color: #fffeee !important; }
+    body > footer h2:after {
+      background: #fffeee !important; }
+  body > footer nav ul.menu.nav li a {
+    color: #fffefe; }
+    body > footer nav ul.menu.nav li a:hover, body > footer nav ul.menu.nav li a.is-active {
+      color: #fffefe; }
+      body > footer nav ul.menu.nav li a:hover:before, body > footer nav ul.menu.nav li a.is-active:before {
+        color: #2d8af1; }
+    body > footer nav ul.menu.nav li a:before {
+      color: #fffefe; }
+    body > footer nav ul.menu.nav li a:after {
+      background: #2d8af1; }
+  body > footer section[id*='followus']:after {
+    background: #fffeee; }
+  body > footer section a {
+    color: #fffefe !important; }
+    body > footer section a:hover {
+      color: #0d72ca !important; }
+  body > footer div[class*="footercolumn1"]:after {
+    background: #fffeee; }
+  body > footer .block-custom-wrapper {
+    color: #fffeee; }
+    body > footer .block-custom-wrapper .field--name-field-visible-title {
+      color: #fffeee; }
+      body > footer .block-custom-wrapper .field--name-field-visible-title:after {
+        background: #fffeee; }
+
+main .field--type-text-with-summary a,
+main .text-component-text.basic_html a,
+main .text-component-text.restricted_html a,
+main .text-component-text.cern_full_html a,
+main .basic-node-full-content-body a,
+main .event-node-full-content-body a,
+main .faq-node-full-content-body a,
+main .event-node-full-content-body a,
+main .resources-node-full-content-file a,
+main .system-node-full-content-body a,
+main .event-node-full-content-body a,
+main .news-node-full-content-body a,
+main .component-event-item a {
+  color: #2574b9; }
+  main .field--type-text-with-summary a:hover,
+  main .text-component-text.basic_html a:hover,
+  main .text-component-text.restricted_html a:hover,
+  main .text-component-text.cern_full_html a:hover,
+  main .basic-node-full-content-body a:hover,
+  main .event-node-full-content-body a:hover,
+  main .faq-node-full-content-body a:hover,
+  main .event-node-full-content-body a:hover,
+  main .resources-node-full-content-file a:hover,
+  main .system-node-full-content-body a:hover,
+  main .event-node-full-content-body a:hover,
+  main .news-node-full-content-body a:hover,
+  main .component-event-item a:hover {
+    color: #044873; }
+main .field--type-text-with-summary ul li::before,
+main .text-component-text.basic_html ul li::before,
+main .text-component-text.restricted_html ul li::before,
+main .text-component-text.cern_full_html ul li::before,
+main .basic-node-full-content-body ul li::before,
+main .event-node-full-content-body ul li::before,
+main .faq-node-full-content-body ul li::before,
+main .event-node-full-content-body ul li::before,
+main .resources-node-full-content-file ul li::before,
+main .system-node-full-content-body ul li::before,
+main .event-node-full-content-body ul li::before,
+main .news-node-full-content-body ul li::before,
+main .component-event-item ul li::before {
+  color: #292920; }
+main .field--type-text-with-summary u,
+main .text-component-text.basic_html u,
+main .text-component-text.restricted_html u,
+main .text-component-text.cern_full_html u,
+main .basic-node-full-content-body u,
+main .event-node-full-content-body u,
+main .faq-node-full-content-body u,
+main .event-node-full-content-body u,
+main .resources-node-full-content-file u,
+main .system-node-full-content-body u,
+main .event-node-full-content-body u,
+main .news-node-full-content-body u,
+main .component-event-item u {
+  text-decoration-color: #292920; }
+main .field--type-text-with-summary table,
+main .text-component-text.basic_html table,
+main .text-component-text.restricted_html table,
+main .text-component-text.cern_full_html table,
+main .basic-node-full-content-body table,
+main .event-node-full-content-body table,
+main .faq-node-full-content-body table,
+main .event-node-full-content-body table,
+main .resources-node-full-content-file table,
+main .system-node-full-content-body table,
+main .event-node-full-content-body table,
+main .news-node-full-content-body table,
+main .component-event-item table {
+  background: #fefefe; }
+  main .field--type-text-with-summary table thead th,
+  main .text-component-text.basic_html table thead th,
+  main .text-component-text.restricted_html table thead th,
+  main .text-component-text.cern_full_html table thead th,
+  main .basic-node-full-content-body table thead th,
+  main .event-node-full-content-body table thead th,
+  main .faq-node-full-content-body table thead th,
+  main .event-node-full-content-body table thead th,
+  main .resources-node-full-content-file table thead th,
+  main .system-node-full-content-body table thead th,
+  main .event-node-full-content-body table thead th,
+  main .news-node-full-content-body table thead th,
+  main .component-event-item table thead th {
+    background: #2f4858;
+    color: #efefef;
+    padding: 5px; }
+  main .field--type-text-with-summary table tbody tr:nth-child(odd),
+  main .text-component-text.basic_html table tbody tr:nth-child(odd),
+  main .text-component-text.restricted_html table tbody tr:nth-child(odd),
+  main .text-component-text.cern_full_html table tbody tr:nth-child(odd),
+  main .basic-node-full-content-body table tbody tr:nth-child(odd),
+  main .event-node-full-content-body table tbody tr:nth-child(odd),
+  main .faq-node-full-content-body table tbody tr:nth-child(odd),
+  main .event-node-full-content-body table tbody tr:nth-child(odd),
+  main .resources-node-full-content-file table tbody tr:nth-child(odd),
+  main .system-node-full-content-body table tbody tr:nth-child(odd),
+  main .event-node-full-content-body table tbody tr:nth-child(odd),
+  main .news-node-full-content-body table tbody tr:nth-child(odd),
+  main .component-event-item table tbody tr:nth-child(odd) {
+    background-color: #f9f9fa; }
+  main .field--type-text-with-summary table tbody tr:nth-child(even),
+  main .text-component-text.basic_html table tbody tr:nth-child(even),
+  main .text-component-text.restricted_html table tbody tr:nth-child(even),
+  main .text-component-text.cern_full_html table tbody tr:nth-child(even),
+  main .basic-node-full-content-body table tbody tr:nth-child(even),
+  main .event-node-full-content-body table tbody tr:nth-child(even),
+  main .faq-node-full-content-body table tbody tr:nth-child(even),
+  main .event-node-full-content-body table tbody tr:nth-child(even),
+  main .resources-node-full-content-file table tbody tr:nth-child(even),
+  main .system-node-full-content-body table tbody tr:nth-child(even),
+  main .event-node-full-content-body table tbody tr:nth-child(even),
+  main .news-node-full-content-body table tbody tr:nth-child(even),
+  main .component-event-item table tbody tr:nth-child(even) {
+    background-color: #e9ecef; }
+  main .field--type-text-with-summary table tbody td,
+  main .text-component-text.basic_html table tbody td,
+  main .text-component-text.restricted_html table tbody td,
+  main .text-component-text.cern_full_html table tbody td,
+  main .basic-node-full-content-body table tbody td,
+  main .event-node-full-content-body table tbody td,
+  main .faq-node-full-content-body table tbody td,
+  main .event-node-full-content-body table tbody td,
+  main .resources-node-full-content-file table tbody td,
+  main .system-node-full-content-body table tbody td,
+  main .event-node-full-content-body table tbody td,
+  main .news-node-full-content-body table tbody td,
+  main .component-event-item table tbody td {
+    color: #333333; }
+  main .field--type-text-with-summary table tfoot td,
+  main .text-component-text.basic_html table tfoot td,
+  main .text-component-text.restricted_html table tfoot td,
+  main .text-component-text.cern_full_html table tfoot td,
+  main .basic-node-full-content-body table tfoot td,
+  main .event-node-full-content-body table tfoot td,
+  main .faq-node-full-content-body table tfoot td,
+  main .event-node-full-content-body table tfoot td,
+  main .resources-node-full-content-file table tfoot td,
+  main .system-node-full-content-body table tfoot td,
+  main .event-node-full-content-body table tfoot td,
+  main .news-node-full-content-body table tfoot td,
+  main .component-event-item table tfoot td {
+    background-color: #333339;
+    color: #999999; }
+main .field--type-text-with-summary .blockquote,
+main .field--type-text-with-summary blockquote,
+main .field--type-text-with-summary q,
+main .text-component-text.basic_html .blockquote,
+main .text-component-text.basic_html blockquote,
+main .text-component-text.basic_html q,
+main .text-component-text.restricted_html .blockquote,
+main .text-component-text.restricted_html blockquote,
+main .text-component-text.restricted_html q,
+main .text-component-text.cern_full_html .blockquote,
+main .text-component-text.cern_full_html blockquote,
+main .text-component-text.cern_full_html q,
+main .basic-node-full-content-body .blockquote,
+main .basic-node-full-content-body blockquote,
+main .basic-node-full-content-body q,
+main .event-node-full-content-body .blockquote,
+main .event-node-full-content-body blockquote,
+main .event-node-full-content-body q,
+main .faq-node-full-content-body .blockquote,
+main .faq-node-full-content-body blockquote,
+main .faq-node-full-content-body q,
+main .event-node-full-content-body .blockquote,
+main .event-node-full-content-body blockquote,
+main .event-node-full-content-body q,
+main .resources-node-full-content-file .blockquote,
+main .resources-node-full-content-file blockquote,
+main .resources-node-full-content-file q,
+main .system-node-full-content-body .blockquote,
+main .system-node-full-content-body blockquote,
+main .system-node-full-content-body q,
+main .event-node-full-content-body .blockquote,
+main .event-node-full-content-body blockquote,
+main .event-node-full-content-body q,
+main .news-node-full-content-body .blockquote,
+main .news-node-full-content-body blockquote,
+main .news-node-full-content-body q,
+main .component-event-item .blockquote,
+main .component-event-item blockquote,
+main .component-event-item q {
+  color: #bbbbbb; }
+main .field--type-text-with-summary hr,
+main .text-component-text.basic_html hr,
+main .text-component-text.restricted_html hr,
+main .text-component-text.cern_full_html hr,
+main .basic-node-full-content-body hr,
+main .event-node-full-content-body hr,
+main .faq-node-full-content-body hr,
+main .event-node-full-content-body hr,
+main .resources-node-full-content-file hr,
+main .system-node-full-content-body hr,
+main .event-node-full-content-body hr,
+main .news-node-full-content-body hr,
+main .component-event-item hr {
+  border-top-color: #cacaca !important; }
+
+.field--type-link a {
+  color: #2574b9; }
+  .field--type-link a:hover {
+    color: #044873; }
+
+.owl-theme .owl-dots .owl-dot span {
+  background: #dddddd; }
+
+.owl-theme .owl-dots .owl-dot.active span,
+.owl-theme .owl-dots .owl-dot:hover span {
+  background: #2d8af1; }
+
+.owl-theme .owl-dots .owl-dot.active,
+.owl-theme .owl-dots .owl-dot:hover {
+  border-width: 2px;
+  border-style: solid;
+  border-color: #2d8af1 !important; }
+
+.component-slider .owl-nav .owl-prev,
+.component-slider .owl-nav .owl-next {
+  color: #0855a0; }
+
+.component-slider .owl-nav .owl-prev:hover,
+.component-slider .owl-nav .owl-next:hover {
+  color: #0855a0; }
+
+.component-slider .owl-nav .owl-prev.disabled,
+.component-slider .owl-nav .owl-next.disabled {
+  color: #bebebe; }
+
+.component-slide figcaption,
+.component-slide__caption {
+  color: #aaaaaa; }
+
+.cern-caption,
+figcaption {
+  color: #aaaaaa !important; }
+  .cern-caption *,
+  figcaption * {
+    color: #aaaaaa !important; }
+
+.field.field--type-entity-reference a {
+  background: #165e9d;
+  color: #f2f9ff; }
+  .field.field--type-entity-reference a:hover {
+    color: #f2f9ff; }
+.field.field--type-entity-reference .field--items .field--item a {
+  background: #165e9d;
+  color: #f2f9ff; }
+  .field.field--type-entity-reference .field--items .field--item a:hover {
+    color: #f2f9ff; }
+
+.news-node-full-content-tags a {
+  background-color: #165e9d;
+  color: #f2f9ff; }
+  .news-node-full-content-tags a:hover {
+    color: #f2f9ff; }
+
+.resources-node-full-content-tags a {
+  background-color: #165e9d;
+  color: #f2f9ff; }
+  .resources-node-full-content-tags a:hover {
+    color: #f2f9ff; }
+
+.event-node-full-content-file .file-link {
+  background-color: #165e9d; }
+  .event-node-full-content-file .file-link a {
+    color: #f2f9ff; }
+    .event-node-full-content-file .file-link a:hover {
+      color: #f2f9ff; }
+
+.upper-cern-tag,
+.cern-tag {
+  background-color: #165e9d;
+  color: #f2f9ff; }
+
+.views-exposed-form .btn.btn-info,
+.btn-default {
+  color: #ececec;
+  background-color: #0d62b6;
+  border-color: #063b6f; }
+  .views-exposed-form .btn.btn-info:focus, .views-exposed-form .btn.btn-info.focus,
+  .btn-default:focus,
+  .btn-default.focus {
+    color: #062d53;
+    background-color: #696b6c;
+    border-color: #063b6f; }
+  .views-exposed-form .btn.btn-info:hover,
+  .btn-default:hover {
+    color: #062d53;
+    background-color: #696b6c;
+    border-color: #063b6f; }
+  .views-exposed-form .btn.btn-info:active, .views-exposed-form .btn.btn-info.active,
+  .btn-default:active,
+  .btn-default.active {
+    color: #062d53;
+    background-color: #696b6c;
+    border-color: #063b6f;
+    background-image: none; }
+    .views-exposed-form .btn.btn-info:active:hover, .views-exposed-form .btn.btn-info:active:focus,
+    .views-exposed-form .btn.btn-info:active .focus, .views-exposed-form .btn.btn-info.active:hover, .views-exposed-form .btn.btn-info.active:focus,
+    .views-exposed-form .btn.btn-info.active .focus,
+    .btn-default:active:hover,
+    .btn-default:active:focus,
+    .btn-default:active .focus,
+    .btn-default.active:hover,
+    .btn-default.active:focus,
+    .btn-default.active .focus {
+      color: #062d53;
+      background-color: #696b6c;
+      border-color: #063b6f; }
+  .views-exposed-form .btn.btn-info .badge,
+  .btn-default .badge {
+    color: #ececec;
+    background-color: #0d62b6; }
+  .views-exposed-form .btn.btn-info.disabled:hover, .views-exposed-form .btn.btn-info[disabled]:hover, .views-exposed-form .btn.btn-info.disabled:focus, .views-exposed-form .btn.btn-info[disabled]:focus, .views-exposed-form .btn.btn-info.disabled.focus, .views-exposed-form .btn.btn-info[disabled].focus,
+  .btn-default.disabled:hover,
+  .btn-default[disabled]:hover,
+  .btn-default.disabled:focus,
+  .btn-default[disabled]:focus,
+  .btn-default.disabled.focus,
+  .btn-default[disabled].focus {
+    background-color: #696b6c;
+    border-color: #063b6f; }
+
+.open > .dropdown-toggle.btn-default {
+  color: #062d53;
+  background-color: #696b6c;
+  border-color: #063b6f;
+  background-image: none; }
+  .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default.focus {
+    color: #062d53;
+    background-color: #696b6c;
+    border-color: #063b6f; }
+
+fieldset[disabled] .btn-default:hover,
+fieldset[disabled] .btn-default:focus,
+fieldset[disabled] .btn-default.focus {
+  background-color: #696b6c;
+  border-color: #063b6f; }
+
+.btn-primary {
+  color: #fbfdff;
+  background-color: #074888;
+  border-color: #063b6f; }
+
+.btn-primary:focus,
+.btn-primary.focus {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-primary:hover {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open > .dropdown-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open > .dropdown-toggle.btn-primary.focus {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  background-image: none; }
+
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus {
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-primary .badge {
+  color: #fbfdff;
+  background-color: #074888; }
+
+.btn-success {
+  color: #fbfdff;
+  background-color: #074888;
+  border-color: #063b6f; }
+
+.btn-success:focus,
+.btn-success.focus {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-success:hover {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open > .dropdown-toggle.btn-success:hover,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open > .dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open > .dropdown-toggle.btn-success.focus {
+  color: #02172a;
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  background-image: none; }
+
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus {
+  background-color: #595959;
+  border-color: #063b6f; }
+
+.btn-success .badge {
+  color: #fbfdff;
+  background-color: #074888; }
+
+.views-view-grid .views-row .views-col article {
+  background: #0f5aa4;
+  color: #e9f5ff; }
+  .views-view-grid .views-row .views-col article a {
+    color: #2574b9; }
+    .views-view-grid .views-row .views-col article a:before {
+      color: #2d8af1; }
+    .views-view-grid .views-row .views-col article a:hover {
+      color: #044873; }
+  .views-view-grid .views-row .views-col article > h2 a {
+    color: #fdfeff; }
+    .views-view-grid .views-row .views-col article > h2 a:hover {
+      color: #fdfeff; }
+
+.view .view-content table {
+  background: #fefefe; }
+  .view .view-content table thead th {
+    background: #2f4858;
+    color: #efefef;
+    padding: 5px; }
+  .view .view-content table tbody tr:nth-child(odd) {
+    background-color: #f9f9fa; }
+  .view .view-content table tbody tr:nth-child(even) {
+    background-color: #e9ecef; }
+  .view .view-content table tbody td {
+    color: #333333; }
+  .view .view-content table tfoot td {
+    background-color: #333339;
+    color: #999999; }
+
+.block-custom-wrapper {
+  background: #0f5aa4;
+  color: #e9f5ff; }
+  .block-custom-wrapper .field--name-field-visible-title {
+    color: #fdfeff; }
+    .block-custom-wrapper .field--name-field-visible-title:before {
+      color: #2d8af1; }
+
+main .block-custom-wrapper .field--type-text-with-summary a,
+main .block-custom-wrapper .text-component-text.basic_html a,
+main .block-custom-wrapper .text-component-text.restricted_html a,
+main .block-custom-wrapper .text-component-text.cern_full_html a {
+  color: #2574b9; }
+  main .block-custom-wrapper .field--type-text-with-summary a:hover,
+  main .block-custom-wrapper .text-component-text.basic_html a:hover,
+  main .block-custom-wrapper .text-component-text.restricted_html a:hover,
+  main .block-custom-wrapper .text-component-text.cern_full_html a:hover {
+    color: #044873; }
+
+.pagination > li a,
+.pagination > li span {
+  -webkit-transition: all 0.3s ease-in-out 0s;
+  -khtml-transition: all 0.3s ease-in-out 0s;
+  -moz-transition: all 0.3s ease-in-out 0s;
+  -ms-transition: all 0.3s ease-in-out 0s;
+  -o-transition: all 0.3s ease-in-out 0s;
+  transition: all 0.3s ease-in-out 0s;
+  color: #2574b9; }
+.pagination > li a::before {
+  color: #2574b9; }
+.pagination > li a:hover {
+  color: #044873; }
+.pagination .page__item--previous::before, .pagination .page__item--next::before {
+  color: #2574b9; }
+.pagination .page__item--previous:hover::before, .pagination .page__item--next:hover::before {
+  color: #044873; }
+
+/* ALL POSIBLE FUTURE PAGE VIEWS */
+.view .view-header, .view.event-grid .view-header {
+  color: #2f4858; }
+  .view .view-header a, .view.event-grid .view-header a {
+    color: #2574b9; }
+    .view .view-header a.active:after, .view.event-grid .view-header a.active:after {
+      background: #044873; }
+    .view .view-header a *, .view.event-grid .view-header a * {
+      color: #2574b9; }
+      .view .view-header a *:hover, .view.event-grid .view-header a *:hover {
+        color: #044873; }
+.view .view-content *, .view.event-grid .view-content * {
+  color: #2f4858; }
+.view .view-content a, .view.event-grid .view-content a {
+  color: #2574b9; }
+  .view .view-content a:hover, .view.event-grid .view-content a:hover {
+    color: #044873; }
+  .view .view-content a *, .view.event-grid .view-content a * {
+    color: #2574b9; }
+    .view .view-content a *:hover, .view.event-grid .view-content a *:hover {
+      color: #044873; }
+
+/* ALL EVENTS PAGE VIEWS */
+.cern-view-display-page.cern-view-display-feature_events .view-header,
+.cern-view-display-page.cern-view-display-past_events .view-header {
+  color: #2f4858 !important; }
+  .cern-view-display-page.cern-view-display-feature_events .view-header a,
+  .cern-view-display-page.cern-view-display-past_events .view-header a {
+    color: #2574b9 !important; }
+.cern-view-display-page.cern-view-display-feature_events .view-content .views-row *,
+.cern-view-display-page.cern-view-display-past_events .view-content .views-row * {
+  color: #2f4858 !important; }
+.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-cal-button a.btn,
+.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-cal-button a.btn {
+  color: #fbfdff !important; }
+.cern-view-display-page.cern-view-display-feature_events .view-content .views-row a:not(.btn),
+.cern-view-display-page.cern-view-display-past_events .view-content .views-row a:not(.btn) {
+  color: #2574b9 !important; }
+  .cern-view-display-page.cern-view-display-feature_events .view-content .views-row a:not(.btn):hover,
+  .cern-view-display-page.cern-view-display-past_events .view-content .views-row a:not(.btn):hover {
+    color: #044873 !important; }
+  .cern-view-display-page.cern-view-display-feature_events .view-content .views-row a:not(.btn) *,
+  .cern-view-display-page.cern-view-display-past_events .view-content .views-row a:not(.btn) * {
+    color: #2574b9 !important; }
+    .cern-view-display-page.cern-view-display-feature_events .view-content .views-row a:not(.btn) *:hover,
+    .cern-view-display-page.cern-view-display-past_events .view-content .views-row a:not(.btn) *:hover {
+      color: #2574b9 !important; }
+
+/* UPCOMING EVENTS */
+.cern-view-display-block.cern-view-display-upcoming_events .owl-nav {
+  position: relative; }
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev:after {
+    color: #2574b9; }
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev:hover:after {
+    color: #044873; }
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev.disabled:after {
+    color: #2f4858; }
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next:after {
+    color: #2574b9; }
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next:hover:after {
+    color: #044873; }
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next.disabled:after {
+    color: #2f4858; }
+.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern * {
+  color: #2f4858 !important; }
+.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern a {
+  color: #2574b9 !important; }
+  .cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern a:hover {
+    color: #044873 !important; }
+  .cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern a * {
+    color: #2574b9 !important; }
+    .cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern a *:hover {
+      color: #2574b9 !important; }
+
+/* News, Taxonomies, search list pages mobile cards*/
+@media only screen and (max-width: 767px) {
+  .cern-view-display-page.cern-view-display-all_news .view-content .views-row .box-pattern a,
+  .cern-view-display-page.cern-view-display-all_news .view-content .views-row .box-pattern .preview-cards__subtext,
+  .cern-view-display-page.view-general-search .view-content .views-row .box-pattern a,
+  .cern-view-display-page.view-general-search .view-content .views-row .box-pattern .preview-cards__subtext,
+  .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .box-pattern a,
+  .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .box-pattern .preview-cards__subtext {
+    color: white !important; }
+    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .box-pattern a *,
+    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .box-pattern .preview-cards__subtext *,
+    .cern-view-display-page.view-general-search .view-content .views-row .box-pattern a *,
+    .cern-view-display-page.view-general-search .view-content .views-row .box-pattern .preview-cards__subtext *,
+    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .box-pattern a *,
+    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .box-pattern .preview-cards__subtext * {
+      color: white !important; } }
+/* ALL FAQS */
+.cern-view-display-page.cern-view-display-faq_page .view-header {
+  color: rgba(0, 0, 0, 0.4) !important; }
+  .cern-view-display-page.cern-view-display-faq_page .view-header a {
+    color: #2574b9 !important; }
+.cern-view-display-page.cern-view-display-faq_page .view-content .views-row * {
+  color: #2f4858 !important; }
+.cern-view-display-page.cern-view-display-faq_page .view-content .views-row span.collapseManager {
+  color: #2574b9 !important; }
+.cern-view-display-page.cern-view-display-faq_page .view-content .views-row a {
+  color: #2574b9 !important; }
+  .cern-view-display-page.cern-view-display-faq_page .view-content .views-row a:hover {
+    color: #044873 !important; }
+  .cern-view-display-page.cern-view-display-faq_page .view-content .views-row a * {
+    color: #2574b9 !important; }
+    .cern-view-display-page.cern-view-display-faq_page .view-content .views-row a *:hover {
+      color: #2574b9 !important; }
+
+/* ALL Resources PAGE VIEWS */
+.cern-view-display-page.cern-view-display-resources .view-header,
+.resources-mosaic .view-header {
+  color: #2f4858 !important; }
+  .cern-view-display-page.cern-view-display-resources .view-header a,
+  .resources-mosaic .view-header a {
+    color: #2574b9 !important; }
+    .cern-view-display-page.cern-view-display-resources .view-header a.active:after,
+    .resources-mosaic .view-header a.active:after {
+      background: #044873 !important; }
+.cern-view-display-page.cern-view-display-resources .view-content *,
+.resources-mosaic .view-content * {
+  color: white !important; }
+.cern-view-display-page.cern-view-display-resources .view-content a,
+.resources-mosaic .view-content a {
+  color: white !important; }
+  .cern-view-display-page.cern-view-display-resources .view-content a:hover,
+  .resources-mosaic .view-content a:hover {
+    color: white !important; }
+  .cern-view-display-page.cern-view-display-resources .view-content a *,
+  .resources-mosaic .view-content a * {
+    color: white !important; }
+    .cern-view-display-page.cern-view-display-resources .view-content a *:hover,
+    .resources-mosaic .view-content a *:hover {
+      color: white !important; }
+
+.cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row {
+  /* .box-pattern.agenda-box-pattern {
+    * {
+      color: white !important;
+    }
+  } */ }
+  .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .box-pattern:not(.agenda-box-pattern) * {
+    color: white !important; }
+
+@media screen and (max-width: 991px) {
+  .cern-view-display-block.cern-view-display-upcoming_events .owl-item.active .carousel-cern-item.row .views-row .agenda-box-pattern:before,
+  .events-collision .owl-item.active .carousel-cern-item.row .views-row .agenda-box-pattern:before {
+    border-color: #2d8af1 !important; } }
+@media screen and (min-width: 992px) {
+  .bubbly-button {
+    background-color: #2d8af1; }
+    .bubbly-button:before {
+      background-image: radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, transparent 20%, #2d8af1 20%, transparent 30%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, transparent 10%, #2d8af1 15%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%); }
+    .bubbly-button:after {
+      background-image: radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, transparent 10%, #2d8af1 15%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%), radial-gradient(circle, #2d8af1 20%, transparent 20%); } }
+.cern-view-display-more_faq .view-content .views-row > div h3 a:before {
+  color: #2d8af1 !important; }
+
+main .region-content .block-language {
+  background: #2f3442; }
+  main .region-content .block-language a {
+    color: #fafafa; }
+
+.page-navigation-progress {
+  background: #2d8af1 !important; }
+
+.page-navigation-progress:after {
+  border: 4px solid #2d8af1 !important; }
+
+.preview-list-component .preview-list-image {
+  background-color: #0f5aa4; }
+.preview-list-component .preview-list-news-info .preview-list-title a {
+  color: #2574b9; }
+  .preview-list-component .preview-list-news-info .preview-list-title a:hover {
+    color: #044873; }
+.preview-list-component .preview-list-news-info .preview-list-title .preview-list-strap, .preview-list-component .preview-list-news-info .preview-list-title .preview-list-news-format, .preview-list-component .preview-list-news-info .preview-list-title .preview-list-date {
+  color: #2f4858; }
+
+.cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot.active,
+.cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot:hover {
+  border-color: #2d8af1; }
+
+.component-header__carousel .header-block__title .header-block__name__underline {
+  background: #2f4858; }
+
+.component-call-to-action__wrapper a {
+  color: #fbfdff; }
+  .component-call-to-action__wrapper a:hover {
+    color: #fbfdff; }
+
+.component-division__text {
+  background: #0f5aa4; }
+  .component-division__text__link {
+    color: #fdfeff; }
+    .component-division__text__link a {
+      color: #fdfeff; }
+    .component-division__text__link a:hover {
+      color: #fdfeff; }
+    .component-division__text__link a:before {
+      color: #2d8af1; }
+  .component-division__text__text {
+    color: #e9f5ff; }
+    .component-division__text__text a {
+      color: #e9f5ff; }
+    .component-division__text__text a:hover {
+      color: #e9f5ff; }
+
+.component-related_card, .view .component-related_card {
+  background: #0f5aa4;
+  color: #e9f5ff; }
+  .component-related_card__content__date, .view .component-related_card__content__date {
+    color: #e9f5ff; }
+  .component-related_card__content__link a span, .view .component-related_card__content__link a span {
+    color: #fdfeff; }
+    .component-related_card__content__link a span:hover, .view .component-related_card__content__link a span:hover {
+      color: #fdfeff; }
+  .component-related_card__content__link a:hover, .view .component-related_card__content__link a:hover {
+    color: #fdfeff; }
+  .component-related_card__content__link a:before, .view .component-related_card__content__link a:before {
+    color: #2d8af1; }
+  .component-related_card__content__text p, .view .component-related_card__content__text p {
+    color: #e9f5ff; }
+
+.component-preview-cards, .view .component-preview-cards {
+  background: #0f5aa4;
+  color: #e9f5ff; }
+  .component-preview-cards__icon.video, .view .component-preview-cards__icon.video {
+    color: #e9f5ff; }
+  .component-preview-cards__icon.image, .view .component-preview-cards__icon.image {
+    color: #e9f5ff; }
+  .component-preview-cards__box, .view .component-preview-cards__box {
+    color: #e9f5ff; }
+  .component-preview-cards div.preview-card__title, .view .component-preview-cards div.preview-card__title {
+    color: #fdfeff; }
+    .component-preview-cards div.preview-card__title h3 a span, .view .component-preview-cards div.preview-card__title h3 a span {
+      color: #fdfeff; }
+      .component-preview-cards div.preview-card__title h3 a span:hover, .view .component-preview-cards div.preview-card__title h3 a span:hover {
+        color: #fdfeff; }
+    .component-preview-cards div.preview-card__title h3 a:hover, .view .component-preview-cards div.preview-card__title h3 a:hover {
+      color: #fdfeff; }
+    .component-preview-cards div.preview-card__title h3 a:before, .view .component-preview-cards div.preview-card__title h3 a:before {
+      color: #2d8af1; }
+  .component-preview-cards .preview-card__body *, .view .component-preview-cards .preview-card__body * {
+    color: #e9f5ff; }
+  .component-preview-cards .preview-cards__subtext *, .view .component-preview-cards .preview-cards__subtext * {
+    color: #e9f5ff; }
+
+.component-media-content, .view .component-media-content {
+  background: #0f5aa4;
+  color: #e9f5ff; }
+  .component-media-content__icon, .view .component-media-content__icon {
+    color: #e9f5ff; }
+  .component-media-content__title a, .view .component-media-content__title a {
+    color: #fdfeff; }
+  .component-media-content__title a:hover, .view .component-media-content__title a:hover {
+    color: #fdfeff; }
+  .component-media-content__title a:before, .view .component-media-content__title a:before {
+    color: #2d8af1; }
+
+.accordion-cern .panel-body p {
+  color: #2f4858; }
+
+.events-collision .bubbly-button {
+  color: #2d8af1; }
+.events-collision .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a {
+  color: #2574b9; }
+  .events-collision .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a:hover {
+    color: #044873; }
+  .events-collision .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a::before {
+    color: #2d8af1; }
+.events-collision .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-content-type, .events-collision .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-place {
+  color: #2f4858; }
+.events-collision .owl-nav .owl-prev::after,
+.events-collision .owl-nav .owl-next::after {
+  color: #0855a0; }
+.events-collision .owl-nav .owl-prev:hover::after,
+.events-collision .owl-nav .owl-next:hover::after {
+  color: #0855a0; }
+.events-collision .owl-nav .owl-prev.disabled::after,
+.events-collision .owl-nav .owl-next.disabled::after {
+  color: #bebebe; }
+
+.event-grid .agenda-box-pattern .agenda-box-date-wrapper * {
+  color: #2f4858; }
+.event-grid .agenda-box-pattern .agenda-box-link a {
+  color: #2574b9; }
+  .event-grid .agenda-box-pattern .agenda-box-link a:hover {
+    color: #044873; }
+.event-grid .agenda-box-pattern .agenda-box-content-type, .event-grid .agenda-box-pattern .agenda-box-place {
+  color: #2f4858; }
+.event-grid .agenda-box-pattern .agenda-box-cal-wrapper .agenda-box-cal-button a {
+  color: #fbfdff;
+  background-color: #074888;
+  border-color: #063b6f; }
+  .event-grid .agenda-box-pattern .agenda-box-cal-wrapper .agenda-box-cal-button a:hover {
+    background-color: #595959; }
+
+.teaser-list-block .views-field a {
+  color: #2574b9 !important; }
+  .teaser-list-block .views-field a:before {
+    color: #2d8af1; }
+
+/*# sourceMappingURL=colors.css.map */
diff --git a/cara/apps/static/images/HES_logo_white.png b/cara/apps/static/images/HES_logo_white.png
new file mode 100644
index 00000000..ac1c51ac
Binary files /dev/null and b/cara/apps/static/images/HES_logo_white.png differ
diff --git a/cara/apps/static/images/hse_triangle_right_1.png b/cara/apps/static/images/hse_triangle_right_1.png
new file mode 100644
index 00000000..9ac19e8a
Binary files /dev/null and b/cara/apps/static/images/hse_triangle_right_1.png differ
diff --git a/cara/apps/static/images/tree.png b/cara/apps/static/images/tree.png
new file mode 100644
index 00000000..40e9352e
Binary files /dev/null and b/cara/apps/static/images/tree.png differ
diff --git a/cara/apps/templates/index.html.j2 b/cara/apps/templates/index.html.j2
index 56f9eb51..e5779c50 100644
--- a/cara/apps/templates/index.html.j2
+++ b/cara/apps/templates/index.html.j2
@@ -2,6 +2,8 @@
 {% set active_page="home/" %}
 
     {% block main %}
+    <div style="height: 8em; display: block;"></div>
+
     <div class="field--item">
       <div class="component-row component-row__display__fluidcenter section-navigation effect_none">
         <div class="component-row__row">
diff --git a/cara/apps/templates/layout.html.j2 b/cara/apps/templates/layout.html.j2
index 799bceb1..fd0fe090 100644
--- a/cara/apps/templates/layout.html.j2
+++ b/cara/apps/templates/layout.html.j2
@@ -20,6 +20,7 @@
   <link rel="stylesheet" media="all" href="/static/css/cern-theme2.css">
   <link rel="stylesheet" media="all" href="/static/css/cern-theme3.css">
   <link rel="stylesheet" media="all" href="/static/css/colorbox.css">
+  <link rel="stylesheet" media="all" href="/static/css/colors.css">
   <link rel="stylesheet" media="all" href="/static/css/cern-theme4.css">
 
   {% block extra_headers %}
@@ -93,22 +94,20 @@
   <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas="">
 
 
-    <header role="banner">
-      <div class="header-wrapper">
-
-
+    <header role="banner" style="display: block;">
+      <img src="/static/images/hse_triangle_right_1.png" style="float:left; height: 65pt; margin-top: 7pt">
+      <div class="header-wrapper" style="background: rgb(47, 52, 66); clear: none;">
         <div class="site-info col-sm-2">
-
           <div class="site-info__logo col-lg-3 col-md-2 col-sm-3">
-            <!-- <a href="https://againstcovid19.cern/" title="Home" rel="home">
-              <img src="/static/CERNagainstLogo-02_1.png" alt="home">
-            </a> -->
+            <a href="https://hse.cern/" title="Home" rel="home">
+              <img src="/static/images/tree.png" alt="home">
+            </a>
           </div>
-
-          <div class="site-info__text col-lg-9 col-md-10 col-sm-9">
-
+          <div class="site-info__text col-lg-9 col-md-10 col-sm-9" style="margin-left: 60pt;">
+            <a href="https://hse.cern/" title="Home" rel="home">
+              <img src="/static/images/HES_logo_white.png" style="height: 40pt; margin-top: 7pt">
+            </a>
           </div>
-
         </div>
 
         <div class="site-nav col-sm-10 ">
@@ -158,6 +157,11 @@
                             </a>
                           </li>
                         </ul>
+                        <li>
+                          <a href="https://hse.cern/covid-19-information">
+                              Covid Information
+                          </a>
+                        </li>
                       </li>
 
                     </ul>
diff --git a/cara/apps/templates/page.html.j2 b/cara/apps/templates/page.html.j2
index 4425deef..e2534a1c 100644
--- a/cara/apps/templates/page.html.j2
+++ b/cara/apps/templates/page.html.j2
@@ -1,9 +1,8 @@
 {% extends "layout.html.j2" %}
 
     {% block main %}
-    <br>
-    <br>
-    <br>
+    <div style="height: 8em; display: block;"></div>
+    
     <div class="field--item">
       <div class="component-row component-row__display__fluidcenter section-navigation effect_none">
         <div class="component-row__row">