@font-face{
	font-family:sweet;
	src: url(../fonts/sweet.ttf);
}
.navbar-brand{
	font-family:sweet;
	font-size:1.4em;
	transition:all 0.1s linear;
}
.navbar-brand:hover{
	color:#555 !important;
}
/* framework */
.centered{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:45%;
	z-index:1;
}
.form-container{
	height:100vh;
	position: relative;
}
/* framework end */

/* big screens */
@media screen and (min-width:1300px){
	.centered{
		width:30%;
	}
}
/* big screens end */

/* tablet */
@media screen and (max-width:768px) {
	.centered{
		width:70%;
		top:50%;
	}
}
/* tablet end */

/* mobile */
@media screen and (max-width:576px) {
	.centered{
		top:50%;
		width:80%;
	}
}
/* mobile end */