html,
body {
	height: 100%;
	background-color: #333;
	overflow-x: hidden;
}

body {
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
	overflow-x: hidden;
}

input,
label {
	color: rgb(0, 0, 0, .5);
}

main {
	width: 100%;
	max-width: 330px;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
    overflow-x: none;
	margin-bottom: 25px;
}

@media (max-width: 350px){
    main {
        margin-top: -20px;
        padding-left: 15px;
        padding-right: 15px;
		margin-bottom: 25px;
    }
}

input {
	margin-bottom: 10px;
}

.cartao-logo{
	height: 260px;
}

.cartao-logo img{
	margin-top: -50px;
	margin-left: -150px;
    max-width: 645px;
}
  
@media (max-height: 560px){
    body{
        overflow: scroll;
        box-shadow: none;
		overflow-x: hidden;
		margin-bottom: 25px;
    }
    main{
        margin-bottom: 5%;
    }
}

#navbars{
	position: fixed;
	margin-left: 10px;
	z-index: 1;
}

@media (max-width: 480px){
	#navbars{
		position: absolute;
	}	
}