body { 
	text-align: center; 
}

img, a, a:hover, a:active, a:focus { outline: none; text-decoration: none; }
h2 { font-weight: normal; line-height: 1.5; }

.alert-info a { text-decoration: underline; }

.display-5{font-size:3rem;font-weight:400}
.display-6{font-size:2.5rem;font-weight:400}

/* content */

.title { font-weight: 300; }
.title strong { display: block; font-size: 6em; font-weight: 300; margin-bottom: -15px; }

.wrapper { display: flex; display: -ms-flexbox; min-height: 100vh; flex-direction: column; -ms-flex-direction: column; padding: 20px; }
.content { flex: 1; }
.container { margin: 0 auto; padding: 0 20px; }
.description { color: #fff; margin: 40px auto 50px; color: #fff; line-height: 1.6em; }



/* footer */

.footer { color: #a2b8fa; display: inline-block; padding: 50px 0; }
#umbler-logo { display: block; margin: 10px auto; }



/* page status */

.page-status h1 strong { word-break: break-all; }


/* media */

@media (min-width: 576px) {
	body { font-size: 16px; }
	.container { max-width: 1200px; }
	.description { max-width: 60%; }
	.content { padding: 0; }
}

@media (min-width: 768px) { 

	.title { 
		padding-top: 20px; 
	}

	.page-umbler .img-umblerito { 
		margin-top: -40px; 
	}


	/* umblerito 500 */

	.umblerito-500 .light { 
    background: radial-gradient(#fff 25%, transparent 50%); 
    display: block; 
    height: 10px; 
    opacity: 0;
    left: 19%; 
    top: 27%; 
    position: absolute; 
    width: 10px; 
    border-radius: 50%; 
    z-index: 1; 
    transition: all .1s; 
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #557cf2, 0 0 35px #557cf2, 0 0 40px #557cf2, 0 0 50px #557cf2, 0 0 75px #557cf2; 
  }

  .umblerito-500 img { 
    max-width: 100%; 
    height: auto; 
  }

  .umblerito-500:hover .light { 
    -webkit-animation: light 1.5s ease-in-out; 
    -moz-animation: light 1.5s ease-in-out; 
    animation: light 1.5s ease-in-out;  
  }


	@keyframes light {
	  0% { transform: scale(0); opacity: 1; }
	  30% { transform: scale(80); }
	  70% { transform: scale(80); }
	  100% { transform: scale(0); opacity: 0; }
	}

}