@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
  font: 62.5% "open-sans", sans-serif;
}
body > * {
  margin: 1em;
}

.img-logo {
    clear: both;
    display: block;
    width: 15%;
    margin: 0 auto 30px;
}
h1 {
  color: #bbb;
  font-weight: 300;
  font-size: 2.5em;
}

.loading {
  height: 150px;
  width: 150px;
  position: relative;
  border-radius: 50%;
  background: linear-gradient(to right, #e36e22, #1731c2);
  -webkit-animation: rotate 1.00s infinite linear;
          animation: rotate 1.00s infinite linear;
}
.loading:after {
  content: "";
  height: 140px;
  width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #FFF;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Responsivo */

@media screen and (max-width: 800px) {
	.img-logo {
		width: 250px;
	}
}
/* Responsivo */