Index: lams_tool_scratchie/web/includes/css/scratchie-learning.scss
===================================================================
diff -u -rb311244c55b221fc9f910cf4de25874d13d2296d -r21aea119939539ce08a947354f84cb7dc6980d38
--- lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision b311244c55b221fc9f910cf4de25874d13d2296d)
+++ lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision 21aea119939539ce08a947354f84cb7dc6980d38)
@@ -9,6 +9,25 @@
 	margin-left: -1rem;
 }
 
+@media (width <= 768px) {
+	.scratches .scartchie-image-col {
+		width: 85px;
+	}
+}
+
+@media (width <= 768px) {
+	#countdown {
+	   font-size: 14px;
+	   width: 120px;
+	 }
+	 .blockPage {
+	   width: 130px;
+	 }
+  }
+  .is-countdown {
+	border-radius: 5px;
+  }
+
 /*----------countdown growl----------------*/
 .jGrowl {
   	font-size: 22px;
@@ -18,9 +37,9 @@
 .jGrowl-notification {
 	opacity: .8;
 	border-radius: 10px;
-	width: 400px;
+	width: 350px;
 	margin: 10px 20px;
-	background: #eedc94 url(#{$url_css_directory}/check48.png) no-repeat 10px 10px;
+	background: #eedc94 url(#{$url_css_directory}/check.png) no-repeat 10px 10px;
 	padding-bottom: 20px;
 }
 .jGrowl-message {
@@ -88,7 +107,6 @@
 }		
 
 #countdown {
-	width: 150px; 
 	font-size: 110%; 
 	font-style: italic; 
 	color:#47bc23;