input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
button {
	background-color: rgb(154, 88, 80);
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
button:hover {
	background-color: rgb(224, 120, 109);
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active,
button:active {
	background-color: rgb(188, 49, 34);
}

.main.style1 {
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.main.style1 > .content {
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.main.style1 h2 {
	padding-top: 0.8em;
}

.main.style3.primary {
	background: url("images/overlay.png"), url("../../images_cravosecordas/two.jpg");
	background-color: #ffffff;
	background-position: top left, center center;
	background-repeat: repeat, no-repeat;
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
}

#intro {
	background: url("images/overlay.png"), url("../../images_cravosecordas/intro.jpg");
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, bottom center;
}

#one {
	background: url("images/overlay.png"), url("../../images_cravosecordas/one.jpg");
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

#two {
	background: url("images/overlay.png"), url("../../images_cravosecordas/one.jpg");
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

@media screen and (max-width: 736px) {
	.main.style1 h2 {
		padding-top: 0.4em;
	}

	#photos.main.style3.primary {
		position: relative;
		background: #ffffff;
		overflow: hidden;
	}

	#photos.main.style3.primary::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		background: url("images/overlay.png"), url("../../images_cravosecordas/two.jpg");
		background-position: top left, center top;
		background-repeat: repeat, no-repeat;
		background-size: 256px 256px, cover;
		background-attachment: scroll, scroll;
		z-index: 0;
	}

	#photos.main.style3.primary > .content {
		position: relative;
		z-index: 1;
	}
}
