section {
			width: 50%;
			height: 100%;
			position: absolute;
			padding-left: 50px;
			padding-right: 50px;
		}

		#id {
			background: rgba(0,89,124,1) url('../backgroundid.png'); 
			background-size: cover;
			background-position: center center;
			padding-top: 200px;
		}

		#panda {
			left: 50%;
			background: rgba(19,54,88,1) url('../backgroundpanda.png'); 
			background-size: cover;
			background-position: top center;
			padding-top: 240px;
		}
		
		.cor-id {
			background: rgb(0,89,124);
			margin: 60px auto;
		}
		.cor-panda {
			background: rgb(19,54,88);
			margin: 70px auto;
		}
		a, a:hover, .botao, .botao:hover {
			text-decoration: none;
		}

		.cor-id.botao:hover {
			color: rgb(0,89,124);
			background: #fff;
		}

		.cor-panda.botao:hover {
			color: rgb(19,54,88);
			background: #fff;
		}
		.botao {
			padding: 15px 25px;
			border-radius: 8px;
			box-shadow: none;
			border: none;
			text-align: center;
			display:  block;
			color: #fff;
			font-family: 'lato', sans-serif;
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 16px;
		}


		@media (max-width:768px) {
			section {
				padding-left: 20px !important;
				padding-right: 20px !important;
			}
			#id {
				padding-top: 100px !important;
			}
			#panda {
				padding-top: 120px !important;
			}
			.botao {
				font-size:12px !important;
				padding: 5px 10px !important;
			}
			.cor-panda {
				margin: 55px auto !important;
			}
		}