log of small fixes, especially for mobile view

css/media-queries.css

@@ -289,13 +289,18 @@ div#nav-logo {
 
    .client-item {
      position: relative;
-     max-width: 60%;
-     min-width: 60%;
+     width: 280px !important;
      margin-left: auto;
      margin-right: auto;
      margin: none;
    }
 
+   #boxtitle {
+     line-height: 1.2;
+     font-size: 20px;
+   }
+
+
    .client-item br { display: none; }
    .client-item a { position: relative; display: block; width: 100%; }
    .client-item .platforms { float: right; }
@@ -355,4 +360,42 @@ div#nav-logo {
       max-width: 80%;
    }
 
+   #boxtitle {
+     line-height: 1.2;
+     font-size: 20px;
+   }
+
+   #iconlicence {
+    width: 100%;
+   }
+
+   #challengetitle {
+     font-size: 40px;
+   }
+
+   #challengesubtitle {
+     font-size:55px;
+   }
+
+
+   #goaltitle {
+     padding-left:20px;
+     font-size: 35px !important;
+     line-height: 1.5;
+     text-align: center;
+   }
+
+   #rewardtitle {
+     font-size: 45px;
+   }
+
+   .timer {
+     display: block;
+     margin: 0 auto;
+   }
+
+   .cup {
+     text-align: center;
+   }
+
   }

css/style.css

@@ -119,12 +119,63 @@ figcaption {
   transform: rotate(2deg);
   }
 
-@media only screen and (max-width: 1150px) {
+@media only screen and (max-width: 1270px) {
     .tree img {
         display: none;
     }
+
+    #fund1, #fund2 {
+      padding-right: 10% !important;
+    }
 }
 
+#fund1, #fund2 {
+     text-align: justify;
+}
+
+#iconlicence {
+  float: right;
+  font-size: 11px;
+  width: 600px
+}
+
+#challengetitle {
+  color: #ff547fff;
+  font-size: 56px;
+  font-family: 'kingthings_christmas';
+  line-height: 1.2;
+  text-align: center;
+}
+
+#challengesubtitle {
+  font-size:85px;
+}
+
+#goaltitle {
+  padding-left:130px;
+  font-size: 45px !important;
+  line-height: 1.5;
+}
+
+#rewardtitle {
+  color: #ffffff;
+  font-size: 56px;
+  font-family: 'kingthings_christmas';
+  line-height: 1.2;
+  text-align: center;
+}
+
+.timer {
+  color: #ffffff;
+  font-size: 56px;
+  font-family: 'kingthings_christmas';
+  display:inline;
+  margin-left: 50px;
+  line-height: 1;
+}
+
+
+
 /************************************************/
 
 .miniheader {
@@ -680,12 +731,19 @@ ul#nav li a:hover .ul#nav li ul {
 .client-item {
   position: relative;
   width: 20%;
+  min-width: 200px;
+  min-height: 180px;
   border: none;
   box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
   margin: 2%;
   background-color: #ffffff
 }
 
+.client-item h3 {
+  line-height: 1.2;
+  text-align: center;
+}
+
 .clients img {
   width: 70%;
   margin-left: 15%;

templates/modular/challenges.html.twig

@@ -5,7 +5,7 @@
                <div class="clients challenges" >
                    {% for item in page.header.clients %}
                    <div class="client-item two columns">
-                        <h3>{{ item.title }}</h3>
+                        <h3 id="boxtitle">{{ item.title }}</h3>
                         <p>{{ item.text }}</p>
                    </div>
                    {% endfor %}