main{
	position:relative;
	padding:0;
}
.hero div.gradient0{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(22deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
}
.hero div.gradient1{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(175deg,rgba(150,150,150, .5) 0%, rgba(150,150,150, 0) 80%);
}

@media screen and (orientation: landscape) and (min-width: 800px) {
	main section {
	  min-height: auto;
	  padding: 15% 0;
	}
  }

.hero .intro > div{
	box-sizing: border-box;
}
.hero .intro .product-image img{
	width:100%;
	height: auto;

}

@media (min-width: 800px) {
	/* for screens iPad and larger */

	.hero .intro{
		align-items: center;
		gap:2rem;
	}
	.hero .intro .product-image img{
		width:80%;
		height: auto;

	}
	.hero .intro > div{
		width:50%;
	}

}

.hero{
	padding:4rem 0;
	margin-bottom: 0;
	background-color: rgb(33,33,33);

}


.hero .feature-icons{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1rem;
}

.hero .feature-icons li{
	flex: 0 1 calc(33.333% - 1rem); /* 3 per row, accounting for gap */
	box-sizing: border-box;
}

.prod-photos-a {
	background-color: var(--white);
}

@media (min-width: 800px) {
	.prod-photos-a article{
		display: flex;
		flex-wrap:nowrap;
		justify-content: center;
		gap: 1rem;
	}
	.prod-photos-a article div{
		flex: 0 1 calc(50% - 1rem); /* 3 per row, accounting for gap */
		box-sizing: border-box;

	}
	.prod-photos-a img{
		width:80%;

	}
}

section article{
	width:100%;
	display: block;
}

section article > div{
	width:90%;
	display: block;
}

@media (min-width: 800px) {
	section article > div{
		width:60%;
		display: block;
	}
}

.page-divider-01{
	height:20vw;
	min-height:50vh;
	background-image:url(../images/page-divider-01.jpg);
	background-size:cover;
}
.page-divider-02{
	height:20vw;
	min-height:50vh;
	background-image:url(../images/page-divider-02.jpg);
	background-size:cover;
}

.megapixels{
	min-height:50vh;
	background-image:url(../images/megapixels-bg.jpg);
	background-size:125% auto;
	background-position:center left;
}
@media (min-width: 800px) {
	.megapixels{
		height:30vw;
	}
	.megapixels article div{
		/*width:60%;*/
	}

}

.zoom{
	color:var(--white);
	background-color: rgb(98,18,90);
}
.zoom div.gradient0{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(-33deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
}
.zoom div.gradient1{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(-14deg,rgba(150,150,150, 0) 0%, rgba(150,150,150, .5) 80%);
}
.zoom article{
	width:100%;
	display: block;
}

.zoom article div{
	padding:0;
}

.zoom article .text{
	box-sizing: border-box;
	padding:10%;
}


@media (min-width: 800px) {

	.zoom{
		padding: 5% 0;
		margin:0;
	}
	.zoom article{
		width:90%;
		margin:0 auto;
	}
	.zoom article div{
		/*width:70%;*/
		margin: 5% auto;
	}
	.zoom article div.product-image{
		/*width:60%;*/
	}
}

.lcd{
	min-height:0;
	padding:0;
	background-color: rgb(51,68,91);


}
.lcd div.gradient0{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(8deg,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, .7) 41%, rgba(0, 0, 0, 0) 73%);
}
.lcd div.gradient1{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(-51deg,rgba(150,150,150, 0) 0%, rgba(150,150,150, 0.3) 38%);
}

.lcd img{
	width: 80%;
	height:auto;
}

@media (min-width: 800px) {
	.lcd img{
		/*width:60%;*/
	}
}

.wireless{
	background-color: rgb(89,38,30);
}
.wireless div.gradient0{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
}
.wireless div.gradient1{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(125deg,rgba(150,150,150, 0) 0%, rgba(150,150,150, .5) 80%);
}
.wireless img{
	width: auto;
	height:4rem;
	display:inline-block;
	margin:0 2rem;
}
@media (min-width: 800px) {
	.wireless{
		padding:11vw 0;
	}
}
.evf div.gradient0{
	min-width:100%;
	min-height:100%;
	margin:0;
	padding: 0;
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(190deg,rgba(255, 255, 255, .25) 8%, rgba(255, 255, 255, 0) 40%);
}
.evf img{
	/*width: 80%;*/
	height:auto;
}
@media (min-width: 800px) {
	.evf img{
		/*width:60%;*/
	}
}

.share-community article{
	width:80%;
}
.share-community article > div{
	width:100%;
	margin:0 auto;
	text-align:center;
}
@media (min-width: 800px) {
	.share-community article > div{
		width:60%;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	/* for iPad in portrait mode */

}


@media (min-width: 800px) {

	/* for screens iPad and larger */


}


@media screen and (orientation: landscape) and (min-width:800px) {

	/* styles for screens in portrait orientation iPad and larger */

}