Index: ow/static/css/main.css
===================================================================
--- ow/static/css/main.css	(revision f0e64eb4891e151368a45b26fb6e56b04b832136)
+++ ow/static/css/main.css	(revision 0fa21cde4c32c86a1f5a2e37d5105cf346a6ffb6)
@@ -855,4 +855,6 @@
 .workout-content {
   padding: 2em  1em;
+  display: flex;
+  flex-direction: column;
 }
 @media (min-width: 480px) {
@@ -864,4 +866,5 @@
   .workout-content {
     display: flex;
+    flex-direction: row;
     justify-content: space-between;
   }
@@ -871,4 +874,5 @@
   margin-right: 2em;
   width: 100%;
+  order: 2;
   /* provisional layout, replace this with grid layout system based on final content */
 }
@@ -876,4 +880,9 @@
   font-weight: 300;
   margin: 0 0 1.5em;
+}
+@media (min-width: 800px) {
+  .workout-list {
+    order: 1;
+  }
 }
 /* Module resume on dashboard workouts */
@@ -939,9 +948,10 @@
 .workout-info {
   display: flex;
-  align-items: center;
+  flex-flow: row wrap;
   margin: 0.25em 0;
 }
 .workout-info li {
   color: #959595;
+  margin-bottom: 0.25em;
 }
 .workout-info li:after {
@@ -998,7 +1008,9 @@
 .workout-aside {
   width: 100%;
+  order: 1;
 }
 @media (min-width: 800px) {
   .workout-aside {
+    order: 2;
     max-width: 300px;
     padding-left: 1.5em;
@@ -1028,4 +1040,11 @@
   font-size: 0.8125rem;
   color: #555555;
+}
+.aside-profile a {
+  text-decoration: none;
+  color: #151515;
+}
+.aside-profile a:hover {
+  color: #959595;
 }
 /* Workout detail */
@@ -1267,4 +1286,5 @@
 .login-content {
   background-image: url("../media/img/back-01.jpg");
+  background-position: center;
   background-size: cover;
   display: flex;
@@ -1342,15 +1362,23 @@
   }
 }
-.user-profile-account > div {
-  display: flex;
-  align-items: center;
+@media (min-width: 800px) {
+  .user-profile-account > div {
+    display: flex;
+    align-items: center;
+  }
 }
 .user-profile-account img {
-  width: 140px;
-  height: 140px;
+  width: 64px;
+  height: 64px;
   object-fit: cover;
   border-radius: 50%;
   margin-bottom: 0.5em;
   margin-right: 1em;
+}
+@media (min-width: 800px) {
+  .user-profile-account img {
+    width: 140px;
+    height: 140px;
+  }
 }
 .user-profile-account h2 {
@@ -1365,4 +1393,11 @@
   font-size: 0.875rem;
   margin: 0;
+}
+.user-profile-account p a {
+  color: #EE4056;
+  text-decoration: none;
+}
+.user-profile-account p a:hover {
+  color: #151515;
 }
 .user-profile-account p span {
Index: ow/static/less/modules/workout.less
===================================================================
--- ow/static/less/modules/workout.less	(revision f0e64eb4891e151368a45b26fb6e56b04b832136)
+++ ow/static/less/modules/workout.less	(revision 0fa21cde4c32c86a1f5a2e37d5105cf346a6ffb6)
@@ -1,9 +1,12 @@
 .workout-content {
     padding: 2em  1em;
+    display: flex;
+    flex-direction: column;
     @media (min-width: @screen-s){
         padding: 2em 6em;
     }
-     @media (min-width: @screen-m){
+    @media (min-width: @screen-m){
         display: flex;
+        flex-direction: row;
         justify-content:space-between;
     }
@@ -17,4 +20,8 @@
         font-weight: 300;
         margin: 0 0 1.5em;
+    }
+    order: 2;
+    @media (min-width: @screen-m){
+        order: 1;
     }
     /* provisional layout, replace this with grid layout system based on final content */
@@ -87,11 +94,13 @@
 .workout-info {
     display: flex;
-    align-items:center;
+    flex-flow: row wrap;
+    //align-items:center;
     margin: .25em 0;
     li{
         color: @color-main-medium;
+        margin-bottom: .25em;
         &:after{
             content: "|";
-            margin:0 .5em;
+            margin: 0 .5em;
         }
         &:last-child{
@@ -156,5 +165,7 @@
 .workout-aside{
     width: 100%;
-    @media (min-width: @screen-m){
+    order: 1;
+    @media (min-width: @screen-m){
+        order: 2;
         max-width: 300px;
         padding-left: 1.5em;
@@ -184,4 +195,11 @@
         .font-size(13);
         color: @color-main-dark;
+    }
+    a {
+        text-decoration: none;
+        color: @color-main;
+        &:hover {
+            color: @color-main-medium;
+        }
     }
 }
Index: ow/static/less/pages/login.less
===================================================================
--- ow/static/less/pages/login.less	(revision f0e64eb4891e151368a45b26fb6e56b04b832136)
+++ ow/static/less/pages/login.less	(revision 0fa21cde4c32c86a1f5a2e37d5105cf346a6ffb6)
@@ -1,4 +1,5 @@
 .login-content {
     background-image: url("@{path-img}/back-01.jpg");
+    background-position: center;
     background-size: cover;
     display: flex;
Index: ow/static/less/pages/profile.less
===================================================================
--- ow/static/less/pages/profile.less	(revision f0e64eb4891e151368a45b26fb6e56b04b832136)
+++ ow/static/less/pages/profile.less	(revision 0fa21cde4c32c86a1f5a2e37d5105cf346a6ffb6)
@@ -14,14 +14,20 @@
     }
     >div {
-    	display: flex;
-    	align-items: center;
+	    @media (min-width: @screen-m){
+	    	display: flex;
+	    	align-items: center;
+	    }
     }
     img {
-        width: 140px;
-        height: 140px;
+        width: 64px;
+        height: 64px;
         object-fit: cover;
         border-radius: 50%;
         margin-bottom: .5em;
         margin-right: 1em;
+	    @media (min-width: @screen-m){
+	        width: 140px;
+	        height: 140px;
+	    }
     }
 	h2 {
@@ -34,4 +40,11 @@
 		.font-size(14);
 		margin: 0;
+		a {
+			color: @color-app;
+			text-decoration: none;
+			&:hover {
+				color: @color-main;
+			}
+		}
 		span {
 			color: @color-main-medium;
