section#main.main-ind{
	padding: 0;
}
.headline-btn{
  display: inline-block;
  max-width: 300px;
    margin-top: 60px;
}
.landing-button {
    font-family: 'montserrat-bold';
    text-transform: uppercase;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    padding: 15px;
}
.landing-button:hover{
  	background-color: #ffffff;
    color: #000000;
}
.disclaimer{
  	padding: 40px;
}
.landing-wrapper .disclaimer p{
	font-size: 1em;
  	margin-bottom: 5px;
}
.rec-specs{
  padding-top: 40px;
}
.landing-wrapper .rec-specs h2 {
    text-align: center;
    font-size: 2.6em;
}
/**products-card**/
.products{
  max-width:1170px;
  margin: 0 auto;
}
.config_button_holder{
  margin-top: auto;
  padding: 0 20px 20px 20px;
}
.product .column-ind-holder .column-ind-header {
	background: #0178d4;
    border-radius: 5px 5px 0 0;
  }
.product .column-ind-holder .column-ind-header h3{
  color: #ffffff;
}
.product .column-ind-holder .column-content .product-image-holder .product-image {
  height:auto;
  padding:10px 0;
}
.product .column-ind-holder .column-content .product-image-holder .product-image img{
  width: 200px;
  height: auto;
}
.product .column-ind-holder .column-content {
  border-radius: 5px;
  border: none;
  padding: 0px!important;
  background: #08214c;
}
.product .column-ind-holder .column-ind-header h3 {
  color: #ffffff;
}
.product .column-ind-holder .column-content .products-points-holder ul li {
  font-size: 14px;
  color: #ffffff;
}
.product .column-ind-holder .column-content .config_button_holder .btn {
  background-color: #0078d4;
  border-color: #0078d4;
  color: #ffffff;
}
.product .column-ind-holder .column-content .products-points-holder {
  padding: 10px 20px 20px 20px;
  background: #08214c;
  margin-top: 0;
}
.product .column-ind-holder .column-content .products-points-holder ul li:before{
  	color: #0078d4;
}
.product .column-ind-holder .column-content .from-inc-price{
  	color: #ffffff;
  	padding: 0 20px;
}
.product .column-ind-holder .column-content .from-inc-price span {
  	color: #00a9ea;
}
.product .column-ind-holder .column-content .config_button_holder .btn:hover{
  color: #ffffff;
  background-color: #006dc0;
  border-color: #006dc0;
}
.product .column-ind-holder .column-content .config_button_holder .btn p{
  font-size: 16px;
}
/**products-card**/
.landing-wrapper{
	color:#fff;
	background:#0c011c
}
.landing-container{
	max-width:1360px;
	margin:0 auto
}
.landing-wrapper h1, .landing-wrapper h2, .landing-wrapper h3, .landing-wrapper h4{
	font-family:"montserrat-bold";
	font-size:3.6em;
	line-height:1.1;
  	text-transform:none;
	margin:0
}
.landing-wrapper h2{
	font-size:1.25em;
}
.landing-wrapper h3{
	font-size:3.2em;
	margin-bottom:2.5rem
}
.landing-wrapper h4{
	font-size:2em;
	line-height:1.2
}
.landing-wrapper p{
	font-size:1.52em;
	line-height:1.2
}
section.module.header h1{
	margin-bottom:.6em
}
section.module.header h2{
	max-width:15em;
	margin-bottom:1.1em;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	-webkit-text-fill-color:transparent;
	-moz-text-fill-color:transparent;
	background:-webkit-linear-gradient(to right,#7ef283,#1df4da);
	background-image:linear-gradient(to right,#7ef283,#1df4da)
}
section.module{
	position:relative;
	overflow:hidden
}
section.module.header div.img-overflow-wrapper.graphic{
	position:relative;
	flex:1;
	z-index:0
}
section.module.header div.main{
	position:relative;
	flex:0 0 43%;
	z-index:1
}
section.module.header div.img-overflow-wrapper.graphic::before{
	padding-top:80%
}
section.module.header img.badge{
	width:50%
}
div.img-overflow-wrapper img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:none
}
section.module.header div.img-overflow-wrapper.graphic img{
	width:154.5%;
	top:-15%;
	left:-43%
}
section.module.side-by-side div.aside{
	position:relative;
	flex:1;
	z-index:0
}
section.module.side-by-side div.img-overflow-wrapper img{
	width:158%;
	top:-18%;
	left:-25%
}
section.module.side-by-side div.main{
	position:relative;
	flex:0 0 50%;
	z-index:1
}
div.img-overflow-wrapper{
	position:relative
}
section.module.side-by-side div.img-overflow-wrapper::before{
	padding-top:86%
}
.display-flex.justify-center{
	justify-content:center
}
.display-flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex
}
.display-flex.align-center{
	align-items:center
}
.display-flex.flex-wrap{
	flex-wrap:wrap
}
.display-flex.direction-column{
	flex-direction:column
}
.section-padding{
	padding-top:90px;
	padding-bottom:90px
}
.section-gutter{
	padding-left:50px;
	padding-right:50px
}
.text-center{
	text-align:center
}
.display-flex.justify-around{
	justify-content:space-around
}
section.module.side-by-side h3{
	margin:.7em 0
}
section.module.text-mapped-image div.img-overflow-wrapper{
	flex:0 0 100%
}
section.module.text-mapped-image div.img-overflow-wrapper::before{
	padding-top:46%
}
section.module.text-mapped-image div.img-overflow-wrapper img{
	top:-28%;
	left:-35%;
	width:152%
}
section.module.text-mapped-image #callout_2{
	flex:0 0 36%
}
section.module.text-mapped-image div.callout{
	display:inline-block;
	z-index:2
}
section.module.text-mapped-image #callout_1{
	flex:0 0 40%;
	margin-left:auto;
	background-image:url(/images/landing/intel/12th-gen-desktops/textbox_bg.png);
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat
}
section.module.text-mapped-image #callout_1 div.text-block{
	padding:7% 7% 10%
}
section.module.text-mapped-image div.landing-container{
	position:relative;
	z-index:1
}
section.module.text-mapped-image div.main{
	position:relative;
	padding-top:50px
}
section.module.text-mapped-image #callout_3{
	flex:0 0 45%;
	padding-top:185px;
	margin-left:auto
}
section.module.text-mapped-image #callout_2 h4,section.module.text-mapped-image #callout_3 h4{
	-webkit-background-clip:text;
	-moz-background-clip:text;
	-webkit-text-fill-color:transparent;
	-moz-text-fill-color:transparent;
	background:-webkit-linear-gradient(to right,#7ef283,#1df4da);
	background-image:linear-gradient(to right,#7ef283,#1df4da)
}
section.module.text-mapped-image h4{
	margin-bottom:.5em
}
section.module.blocks div.img-overflow-wrapper{
	flex:0 0 100%;
	margin-bottom:50px
}
.bg-image{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat
}
section.module.blocks div.main{
	align-items:flex-start
}
section.module.blocks div.block-wrapper{
	position:relative;
	flex:0 0 48%;
	padding:0 15px 0 25px
}
section.module.blocks div.img-overflow-wrapper img{
	top:-27%;
	left:-18%;
	width:125%
}
section.module.blocks div.heading{
	text-align:center
}
section.module.blocks h3{
	margin-bottom:.4em
}
section.module.blocks h4{
	margin-bottom:.8em
}
section.module.blocks div.landing-container{
	position:relative;
	z-index:1
}
section.module.blocks.bg-image{
	background-image:url(/images/landing/intel/12th-gen-desktops/blocks_bg.png);
	background-size:175% auto;
	background-position:center
}
section.module.blocks div.highlight{
	position:absolute;
	top:-60%;
	right:0;
	height:195vw;
	width:85vw;
	background-image:url(/images/landing/intel/12th-gen-desktops/highlight.png);
	background-size:contain
}
section.module.blocks div.block-inner::before{
	content:"";
	position:absolute;
	top:-21px;
	left:-25px;
	width:25px;
	height:50px;
	background-image:url(/images/landing/intel/12th-gen-desktops/textbox_arrow.png);
	background-repeat:no-repeat;
	background-size:contain
}
section.module.blocks div.block-inner{
	position:relative;
	display:inline-block;
	width:100%;
	margin:0 auto;
	padding:7% 7% 10%;
	background-image:url(/images/landing/intel/12th-gen-desktops/textbox_bg.png);
	background-size:100% 100%;
	background-position:top;
	background-repeat:no-repeat;
	z-index:2
}
section.module.blocks div.img-overflow-wrapper::before{
	padding-top:50%
}
div.img-overflow-wrapper::before{
	content:"";
	display:block;
	width:100%
}
@media screen and (min-width:768px) and (max-width:1360px){
    section.module.header h1 {
        font-size: 5.2vw;
    }
	.landing-wrapper h3{
		font-size:4.6vw
}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.landing-wrapper h4{
		font-size:1.2em
}
	.landing-wrapper p{
		font-size:.9em
}
}
@media screen and (min-width:768px){
	section.module.header .section-gutter{
		padding-left:0
}
	section.module.text-mapped-image div.main.section-gutter{
		padding-left:90px;
		padding-right:40px
}
}
@media screen and (max-width:767px){
	.landing-container{
		max-width:480px
}
	.landing-wrapper h1{
		font-size:2em
}
	.landing-wrapper h2{
		font-size: 1.3em;
}
	.landing-wrapper h3{
		font-size:1.2em;
		margin-bottom:1rem
}
	.landing-wrapper h4{
		font-size: 1.25em;
}
	.landing-wrapper p{
		font-size:16px
}
	.section-gutter{
		padding-left:20px;
		padding-right:20px
}
	.section-padding{
		padding-top:35px;
		padding-bottom:35px
}
	.display-flex.responsive-column{
		flex-direction:column
}
	.display-flex.direction-column.responsive-reverse,.display-flex.responsive-column.responsive-reverse{
		flex-direction:column-reverse
}
	section.module.side-by-side div.aside{
		width:100%
}
	section.module.side-by-side div.main{
		flex:1
}
	section.module.side-by-side div.img-overflow-wrapper img{
		width:145%;
		left:-29%
}
	section.module.text-mapped-image div.heading{
		text-align:left
}
	section.module.text-mapped-image #callout_1{
		flex:0 0 100%
}
	section.module.text-mapped-image #callout_1 div.text-block{
		padding:5% 5% 8%
}
	section.module.text-mapped-image div.main{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding-top:30px;
		padding-bottom:0
}
	section.module.text-mapped-image div.img-overflow-wrapper::before{
		padding-top:73%
}
	section.module.text-mapped-image div.img-overflow-wrapper img{
		top:0
}
	section.module.text-mapped-image div.img-overflow-wrapper{
		margin-bottom:20px
}
	section.module.text-mapped-image #callout_2{
		flex:0 0 100%;
      	margin-bottom: 20px;
}
	section.module.text-mapped-image #callout_3{
		padding-top:0;
		flex:0 0 100%
}
	section.module.blocks div.block-wrapper{
		flex:0 0 100%
}
	section.module.blocks div.block-inner{
		padding:5% 5% 10%
}
	section.module.blocks div.img-overflow-wrapper{
		order:-1
}
  .landing-wrapper .rec-specs h2{
    font-size: 2.1em
  }
}