


	#placeholder1 {
		height: 100vh;
		background-color: grey;
		}
	
		#pinContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		}
		.panel {
		height: 100%;
		width: 100%;
		position: absolute;
		}
	
		#pinMaster {
		position: relative;
		}




	
	.panel{
		display: flex;
	}

	.panel-left{
		width: 50%;
		height: 100%;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.panel-left h2{
		font-size: 4em;
		max-width: 400px;
		color: #e72cff;
		margin-bottom: 15px;
	}

	.panel-left p{
		padding: 15px;
		max-width: 400px;
		color: #8f8f8f;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	.panel-right{
		width: 50%;
		height: 100%;
		background-size: cover !important;
	}

	.efeito-logo{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		flex: none;
	}

	@media screen and (max-width: 768px){
		.panel{
			flex-direction: column;
		}

		.panel-left, .panel-right {
			width: 100%;
		}

		.panel-left{
			order: 2;
		}
		
		.panel-left h2{
			font-size: 2em;
			max-width: 100%;
		}
		
		.efeito-logo{
			max-width: 100px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.efeito-logo img{
			width: 100%;
			height: auto;
		}
	}


