body, html {
    background-color: #3193a8;
    height: 100%;
    margin: 0;
}

.bg {
    /* The image used */
    background-image: url("../img/fundo.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.start-screen {
  min-width: 100%;
  height: 100%;
  position: relative;
  padding-top: 0px;
  padding-bottom: 20px;
}
.start-screen-title {
  position: fixed;
  top: 20px;
  left: 80px;
  display: none;
  font-color: #ffffff;
}

[class*=tile-] {
  transform: scale(0.8);
}
.tiles-group {
  margin-left: 0;
  margin-top: 0px;
}
@media all and (min-width: 768px) {
  .start-screen-title {
    display: block;
  }
  .start-screen {
    padding: 140px 80px 0 0;
  }
  .tiles-group {
    left: 100px;
  }
  .tiles-group {
    margin-left: 80px;
  }
}

.logo {
	margin-top: -120px;
}