diff --git a/src/main/resources/portal.properties b/src/main/resources/portal.properties
index d1b9ee5..deb0815 100644
--- a/src/main/resources/portal.properties
+++ b/src/main/resources/portal.properties
@@ -10,4 +10,4 @@
 ##																														 ##
 ###########################################################################################################################
 
-login.form.navigation.socials=google, linkedIn, shibboleth
\ No newline at end of file
+login.form.navigation.socials=shibboleth, google, linkedIn
\ No newline at end of file
diff --git a/src/main/webapp/META-INF/custom_jsps/html/portlet/login/css/login-hook.css b/src/main/webapp/META-INF/custom_jsps/html/portlet/login/css/login-hook.css
index 2fce9b2..ab57af8 100644
--- a/src/main/webapp/META-INF/custom_jsps/html/portlet/login/css/login-hook.css
+++ b/src/main/webapp/META-INF/custom_jsps/html/portlet/login/css/login-hook.css
@@ -2,13 +2,20 @@
 	background-color: transparent;
 	border: none;
 }
+
 .aui .portlet-topper {
 	background-color: transparent;
 	display: none;
 }
 
 .portlet-login .accordion {
-    margin-top: 40px;
+	margin-top: 40px;
+}
+
+@media screen and (max-width: 767px) {
+	.portlet-login .accordion {
+		margin-top: 0;
+	}
 }
 
 .portlet-login div.navigation, #signinmodal div.navigation {
@@ -16,16 +23,18 @@
 	background-color: transparent;
 }
 
-.portlet-login .accordion .accordion-heading > a, #signinmodal .accordion .accordion-heading > a{
+.portlet-login .accordion .accordion-heading>a, #signinmodal .accordion .accordion-heading>a
+	{
 	display: block;
-    text-align: center;
-    text-decoration: none;
-    border-top: 2px rgb(2, 113, 190) solid;
-    margin-top: 5px;
-    color: rgb(2, 113, 190);
+	text-align: center;
+	text-decoration: none;
+	border-top: 2px rgb(2, 113, 190) solid;
+	margin-top: 5px;
+	color: rgb(2, 113, 190);
 }
 
-.portlet-login .accordion div.accordion-inner, #signinmodal .accordion div.accordion-inner {
+.portlet-login .accordion div.accordion-inner, #signinmodal .accordion div.accordion-inner
+	{
 	border-top: none;
 }
 
@@ -35,38 +44,40 @@
 	border-radius: 6px;
 }
 
-.portlet-login input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-    background-color: white !important;
+.portlet-login input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
+	{
+	background-color: white !important;
 }
 
 /* .portlet-login div.navigation, #signinmodal div.navigation { */
 /* 	background: white; */
 /* 	border-top: none; */
 /* } */
-
 .portlet-login input.login-identifier, .portlet-login input.login-password,
-#signinmodal input.login-identifier, #signinmodal input.login-password {
+	#signinmodal input.login-identifier, #signinmodal input.login-password
+	{
 	border-radius: 5px;
 	height: 25px;
 }
 
-.portlet-login button.login-sign-in-button, #signinmodal button.login-sign-in-button {
-    display : block;
-    background : rgb(2, 113, 190);
-    border-radius : 5px;
-    padding : 6px;
-    border : none;
-    box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.5);
-    margin : auto;
+.portlet-login button.login-sign-in-button, #signinmodal button.login-sign-in-button
+	{
+	display: block;
+	background: rgb(2, 113, 190);
+	border-radius: 5px;
+	padding: 6px;
+	border: none;
+	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
+	margin: auto;
 }
 
 .portlet-login .portlet-borderless-container .login-sign-in {
 	color: rgb(2, 113, 190);
-    margin: 0px 0px 15px 10px;
+	margin: 0px 0px 15px 10px;
 }
 
 .portlet-login  .portlet-content-container .login-sign-in {
-    font-size: 16px;
+	font-size: 16px;
 	font-weight: 400;
 	line-height: 2.2;
 	color: #01497C;
@@ -75,50 +86,49 @@
 }
 
 .portlet-login .login-remember-me, #signinmodal .login-remember-me {
-	margin-top : 10px;
+	margin-top: 10px;
 	margin-left: 11px;
 }
 
-.portlet-login .login-remember-me > .control-group, #signinmodal .login-remember-me > .control-group {
+.portlet-login .login-remember-me>.control-group, #signinmodal .login-remember-me>.control-group
+	{
 	margin-bottom: 10px;
 }
 
-.portlet-login .navigation li[role=presentation] > a,
-#signinmodal .navigation li[role=presentation] > a  {
+.portlet-login .navigation li[role=presentation]>a, #signinmodal .navigation li[role=presentation]>a
+	{
 	color: #01497C;
 	font-size: 1.2em;
-	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	line-height: 20px;
 }
 
-.portlet-login form, #signinmodal form{
-	margin : 0;
+.portlet-login form, #signinmodal form {
+	margin: 0;
 }
 
-.portlet-login .taglib-icon-list li, #signinmodal .taglib-icon-list li{
-	float : none;
+.portlet-login .taglib-icon-list li, #signinmodal .taglib-icon-list li {
+	float: none;
 }
 
-.portlet-login .navigation, #signinmodal .navigation{
-	padding : 10px;
+.portlet-login .navigation, #signinmodal .navigation {
+	padding: 10px;
 }
 
-.portlet-login .custom-form-login-wrapper, #signinmodal .custom-form-login-wrapper{
-	text-align : center;
+.portlet-login .custom-form-login-wrapper, #signinmodal .custom-form-login-wrapper
+	{
+	text-align: center;
 }
 
-.portlet-login div.navigation > ul,
-#signinmodal div.navigation > ul{
-	text-align : center;	
+.portlet-login div.navigation>ul, #signinmodal div.navigation>ul {
+	text-align: center;
 }
 
-.portlet-login .help-inline,
-#signinmodal .help-inline {
-	display : block;
-	padding-left : 0xp;
+.portlet-login .help-inline, #signinmodal .help-inline {
+	display: block;
+	padding-left: 0xp;
 }
 
-.portlet-login .social,
-#signinmodal .social {
+.portlet-login .social, #signinmodal .social {
 	margin-bottom: 15px;
 }
\ No newline at end of file