h1{
	font-size: min(3vw, 65px);
    line-height: min(3.4vw, 70px);
}

.wide-container{
	overflow: visible;
}

.overflow-visible{
	overflow: visible;
}

.angle-bg-2{
	height: 51%;
	background: linear-gradient(140deg, white 70vw, rgba(68, 152, 211, 0) calc(70vw + 1px), rgba(60, 136, 198, 0) calc(125vw)), url(bottom-lighter-gradient.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

.product-resources h4{
	color: #B8B8B8;
}

.inline-main-h2.inline-bold h2{
	color: #B8B8B8;
}

.product-1{
	text-align: right;
}
.product-1 .callout{
	text-align: left;
	bottom: unset;
}
.product-1 .main-image{
	left: unset;
}
.product-1{
	margin-top: -8.5vw;
}
.product-1 .callout{
	left: 13%;
    top: 24%;
    min-width: 27%;
}
.product-2{
	margin-top: 0px;
	position: relative;
}
.product-2 .main-image{
	text-align: left;
	margin-top: 2vw;
}
.product-2 .main-image img{
	right: unset;
}
.product-2 .callout{
	bottom: unset;
    top: 12%;
    right: unset;
    min-width: 56%;
    left: 24%;
    padding-left: 6%;
}

.product-resources-supporting-img{
	position: absolute;
    right: 12%;
    top: 73%;
    width: 33%;
}
.product-resources-container{
	position: relative;
}
@media screen and (min-width: 2200px){
	.product-resources-supporting-img{
		right: 4%;
	}
	.product-1 .main-image img{
		max-width: 65% !important;
	}
	.product-1 .callout{
		left: 19%;
	    top: 24%;
	    min-width: 23%;
	}
	.angle-bg-2{
		height: 54%;
	}
}

@media screen and (min-width: 1950px){
	.product-resources-supporting-img{
		top: 79%;
	}
}

@media screen and (max-width: 1680px){
	.product-resources-supporting-img{
		top: 65%;
	}
}
@media screen and (max-width: 1200px){
	h1{
		font-size: 50px;
        line-height: 52px;
	}
	.product-1{
		margin-top: 20px;
	}
	.product-1 .main-image img{
		max-width: 100% !important;
	}
	.product-1 .callout{
		left: unset;
		margin: 0 30px;
	}
	.product-2 .main-image img{
		max-width: 50% !important;
	}
	.product-2 .callout{
		left: unset;
		padding: 20px 25px;
	}
	.product-resources-supporting-img{
		display: none;
	}
	.inline-main-h2.inline-bold h2{
		color: white;
	}
	.product-resources h4{
		color: white;
	}
}
@media screen and (max-width: 800px){
	.angle-bg-2{
		height: 52%;
	}
	.product-2 .main-image img{
		max-width: 70% !important;
	}
}