/*=========LARGE DESKTOP STYLES============*/

@media screen and (min-width: 1500px) {
	
	.ruffled-logo {
		margin-right: 0;
	}

	.contact-header-text {
		width: 36.9vw;
		margin-left: calc(18vw + 420px);
		text-align: left;
		padding-top: 160px;
	}

	.services-card {
		width: 77vw;
		height: 600px;
		margin: 0 auto;
		margin-top: 100px;
	}	

	.services-frame {
		width: 25vw;
		height: auto;
		top: calc(((750px - 25.1334519573vw)/2) + 60px);
		left: 0;
	}

	.gallery-container {
		position: relative;
		margin-top: 100px;
		height: 700px;
	}


	.albums-container {
		position: relative;
		display: block;
		width: 100vw;
		height: calc((((100vw - 185px)/3.5) + 80px)/2);
		margin-top: 180px;
		overflow: hidden;
	}

	.album-title {
		position: relative;
		display: block;
		margin-top: 9.25vw;
		font-size: 1.1em;
	}


	/*START ALBUM OVERLAY STYLES*/
		.panel {
			position: relative;
			display: inline-block;
			width: calc((90vw - 10px)/2);
			height: calc((60vw - 10px)/2);
			margin-bottom: 10px;
			cursor: pointer;
			box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.5);
			opacity: 1;
			transform: translateY(0) scale(1);
			transition: all 0.2s ease-out;
		}

		.panel:nth-child(9n+3) {
			margin-left: 0;
			width: calc((90vw - 30px)/4);
			height: calc((60vw - 10px)/2);
		}

		.panel:nth-child(9n+4) {
			margin-left: 10px;
			width: calc((90vw - 30px)/4);
			height: calc((60vw - 10px)/2);
		}

		.panel:nth-child(9n+5) {
			margin-left: 10px;
			width: calc((90vw - 30px)/4);
			height: calc((60vw - 10px)/2);
		}

		.panel:nth-child(9n+6) {
			margin-left: 10px;
			width: calc((90vw - 30px)/4);
			height: calc((60vw - 10px)/2);
		}

		.panel:nth-child(9n+7) {
			margin-left: 0;
			width: calc((90vw - 20px)/3);
			height: calc((60vw - 10px)/2);
		}

		.panel:nth-child(9n+8) {
			margin-left: 10px;
			width: calc((90vw - 20px)/3);
			height: calc((60vw - 10px)/2);
		}

		.panel:nth-child(9n+9) {
			margin-left: 10px;
			width: calc((90vw - 20px)/3);
			height: calc((60vw - 10px)/2);
		}



		.panel-img.landscape {
			height: 110%;
			width: auto;
			transform: translateX(0) translateY(-5%);
		}

		.panel:nth-child(3n+3) > .panel-wrapper > .panel-img.landscape {
			height: 110%;
			width: auto;
			transform: translateY(-5%);
		}

		.panel-img.portrait {
			width: 110%;
			height: auto;
		}
	/*END ALBUM OVERLAY STYLES*/

}

/*margin-left: calc(18vw + 420px);