/* #slide-prototyping *******************************/

#slide-prototyping {
  background: url('../../../assets/images/slides/bgs/wellington.webp?1');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	.screen {
	 	background: rgba(25,135,84,0.9);
		padding: 40px 20px 0 20px;

		img {
		  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
		}
	}

 	.panel {
	 	background: rgba(25,135,84,0.9);
		justify-content: flex-start;

		.main {
			color: #fff;

			h1 {
				color: var(--color-brand-blue-lighter);
			}

			.nav a {
				margin: 0 auto;
			}
		}
	}
}

@media (min-width: 1000px) {

	#slide-prototyping {

		.screen {
		 	background: transparent;
			position: absolute;
			right: 0;
			rotate: -4deg;
			top: 10%;
			width: 60%;
			z-index: 1;

			img {
			  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.85);
			}
		}

	 	.panel {
			justify-content: flex-start;

			.main {
				width: 30%;

				.nav a {
					margin: 0;
				}
			}
		}
	}
}