diff --git a/src/app/index.scss b/src/app/index.scss
index 40070ed..af1b088 100644
--- a/src/app/index.scss
+++ b/src/app/index.scss
@@ -25,6 +25,17 @@ $icon-font-path: "../../bower_components/bootstrap-sass-official/assets/fonts/bo
   padding: 0.2em 0;
 }
 
+// Hack to fix "Barra do Brasil"
+#barra-brasil .brasil-flag {
+  height: 33px !important;
+}
+
+@media only screen and (max-width: 959px){
+  #barra-brasil ul.list {
+    z-index: 9999;
+  }
+}
+
 /**
  *  Do not remove this comments bellow. It's the markers used by gulp-inject to inject
  *  all your sass files automatically
diff --git a/src/app/partials/login/login.scss b/src/app/partials/login/login.scss
new file mode 100644
index 0000000..a94f011
--- /dev/null
+++ b/src/app/partials/login/login.scss
@@ -0,0 +1,44 @@
+.btn-social {
+  color: #fff;
+  font-weight: bold;
+
+  &:hover,
+  &:focus {color: #fff;}
+
+  &.btn-facebook {
+    background-color: #33477a;
+    &:hover,
+    &:focus {background-color: #304373; }
+    &:active {background-color: #33477a; }
+  }
+  &.btn-google-plus {
+    background-color: #b92d25;
+    &:hover,
+    &:focus {background-color: #b12b23; }
+    &:active {background-color: #b92d25; }
+  }
+}
+
+.glyphicon {
+  &.icon-white {
+    fill: white;
+  }
+}
+
+.separator-or {
+  border-top: 2px solid #d8d8d8;
+  text-align: center;
+  font-weight: bold;
+
+  &:after {
+    content: "ou";
+    position: absolute;
+    top: 4px;
+    left: 50%;
+    margin-left: -26px;
+    font-size: 30px;
+    line-height: 30px;
+    padding: 0 0.25em;
+    background: $gray;
+  }
+}
--
libgit2 0.21.2