FEATURE #2351 @30m: modify responsive version

templates/PragueTennisCamp/Resources/assets/css/app.css

@@ -17,6 +17,10 @@ a {
 	color: #FF7F11;
 }
 
+a:hover {
+	color: #983628;
+}
+
 /** HEADER **/
 header.top-bar {
 	background: #3F3F37;
@@ -52,6 +56,11 @@ header.top-bar h1 a {
 	background: #FF7F11;
 }
 
+.menu a:hover {
+	background: #983628;
+	transition: background 400ms linear;
+}
+
 .logo {
 	max-height: 25px;
 	margin: 0 15px;
@@ -59,7 +68,6 @@ header.top-bar h1 a {
 
 /** END HEADER **/
 
-
 .stripe {
 	width: 100%;
 }
@@ -90,7 +98,7 @@ header.top-bar h1 a {
 
 .orbit .stripe {
 	height: 20px;
-	background: rgba(255,127,17, 0.3);
+	background: rgba(255, 127, 17, 0.3);
 	position: absolute;
 	left: 0;
 	right: 0;
@@ -114,6 +122,7 @@ header.top-bar h1 a {
 .trainee-team {
 	margin-top: 2em;
 }
+
 .trainee-team .thumbnail {
 	max-height: 150px;
 }
@@ -132,12 +141,24 @@ header.top-bar h1 a {
 	border: solid 1px #CCC;
 }
 
-
 #footer {
+	margin-bottom: 150px;
+}
+
+#footer-widgets {
 	border-top: solid 2px #FF7F11;
 	background: #3F3F37;
-	margin-bottom: 150px;
 	padding: 1em;
 	border-radius: 0 0 5px 5px;
 	color: #EEF4D4;
 }
+
+#binarity {
+	margin-top: 2em;
+}
+
+@media screen and (max-width: 639px) {
+	.menu > li {
+		display: block !important;
+	}
+}