.tab {
	/* width: 700px; */
	margin: 20px auto;
	margin-bottom: 50px;
}

.tab input[type] {
	display: none;
}
/*envolve todo o nosso conteúdo*/
.tab label {
	display: block;
	float: left;
	padding: 12px 20px;
	margin-right: 5px;
	cursor: pointer;
	transition: background-color .3s;
}

.tab label:hover,
.tab input:checked + label {
	background: #e91e63;
	color: #fff;
}

.tabs {
	clear: both;
	perspective: 400px;
	-webkit-perspective: 400px;

}

/*.tabs */.content {
	background: #fff;
	width: 100%;
	/* position: fixed; */
	border: 2px solid #e91e63;
	padding: 30px 30px 40px;
	line-height: 1.4em;
	/* opacity: 0; */
	/* transform: rotateX(-20deg); */
	transform-origin: top center;
	transition: opacity .3s, transform 1s;
	z-index: 0;




}

.hidden
{
	display: none;
}



/* #tab1:checked ~ .tabs .content:nth-of-type(1),
#tab2:checked ~ .tabs .content:nth-of-type(2),
#tab3:checked ~ .tabs .content:nth-of-type(3),
#tab4:checked ~ .tabs .content:nth-of-type(4) {
	transform: rotateX(0);
	opacity: 1;
	top:0;
	z-index: 1;
} */

@media only screen and (max-width: 768px) {
	.content{padding: 30px 11px 40px;}
}