diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 2900a727f..eb08deea4 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -3024,25 +3024,42 @@ section .profile-match-wrapper {
     box-shadow: unset;
     border: 0
 }
-.mod-home.is-not-singleuser #content > h1,
-.mod-login #content > h1 {
-    color: #eee;
+.mod-home.is-not-singleuser .login-content,
+.mod-login .login-content {
+	color: #eee;
+	margin-top: 2.5%;
 }
 
-@media screen and (min-width: 700px) {
-    .mod-home.is-not-singleuser #content > #login-form,
-    .mod-login #content > #login-form {    
-        width: 50%;
+.mod-home.is-not-singleuser .login-form > #login-form,
+.mod-login .login-form > #login-form {
+	color: #eee;  
+}
+	
+.mod-home.is-not-singleuser .login-panel-content,
+.mod-login .login-panel-content { 
+	background-color: rgba(255,255,255,.85);
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+	.mod-home.is-not-singleuser #content,
+    .mod-login #content {
+		margin-top: 100px!important;
+	}    
+	
+	
+
+	.mod-home.is-not-singleuser .login-form > #login-form,
+    .mod-login .login-form > #login-form {    
         background-color: #fff;
         color: #444;
         padding: 1em;
-        float: right;
         position: relative;
         margin-top: 4em;
     }
 
-    .mod-home.is-not-singleuser #content > #login-form:before,
-    .mod-login #content > #login-form:before {
+    .mod-home.is-not-singleuser .login-form > #login-form:before,
+    .mod-login .login-form > #login-form:before {
         display: block;
         position: absolute;
         content: " ";
@@ -3054,8 +3071,8 @@ section .profile-match-wrapper {
         z-index: -1;
     }
 
-    .mod-home.is-not-singleuser #content > #login-form:after,
-    .mod-login #content > #login-form:after {
+    .mod-home.is-not-singleuser .login-form > #login-form:after,
+    .mod-login .login-form > #login-form:after {
         display: block;
         position: absolute;
         content: " ";
@@ -3065,7 +3082,8 @@ section .profile-match-wrapper {
         top: -10%;
         left: 10%;
         z-index: -1;
-    }
+	}
+
 }
 
 
diff --git a/view/theme/frio/templates/home.tpl b/view/theme/frio/templates/home.tpl
new file mode 100644
index 000000000..dd53a1eae
--- /dev/null
+++ b/view/theme/frio/templates/home.tpl
@@ -0,0 +1,25 @@
+
+{{* custom content from hook will replace everything. *}}
+<div class="row">
+{{if $content != '' }}
+	<div class="col-sm-12">
+		<div class="panel panel-default login-panel-content">
+			<div class="panel-body">
+				{{$content}}
+			</div>
+		</div>
+	</div>
+{{else}}
+
+	<div class="col-md-7 col-sm-12 login-content">
+		{{if $customhome != false }}
+			{{include file="$customhome"}}
+		{{else}}
+			{{$defaultheader}}
+		{{/if}}
+	</div>
+	<div class="col-md-5 col-sm-12 login-form">
+	{{$login}}
+	</div>
+{{/if}}
+</div>
\ No newline at end of file