html, body {

	min-height: 100%;

	font-size: 14px;

}

.btn {

	display: inline-block;

	padding: 10px 11px;

}

.btn-orange {

	background: #ffa300;

	color: #333333;

	font-size: 14px;

	font-size: 1rem;

}

.gartner-header, .gartner-brochure, .gartner-content1, .gartner-content2 {

	padding: 0;

}

.gartner-header, .gartner-content1 {

	position: relative;

	height: 524px;

	width: 100%;

	/*overflow-x: hidden;*/

}

.gartner-content1 {

	height: 385px;

}

.gartner-header-bg, .gartner-content1-bg {

	position: absolute;

	left: 50%;

	top: 0;

	transform: translateX(-50%);

}

.gartner-header-bg img {

	height: 100%;

}

.gartner-header .screen-width {

	padding: 20px 0 0 0;

	height: 100%;

	color: #ffffff;

	box-sizing: border-box;

}

.gartner-header p, .gartner-header h1 {

	color: #ffffff;

	line-height: 1.4;

	padding: 0;

	margin: 0 0 20px;

	font-size: 14px;

	font-size: 1rem;

}

.gartner-header h1 {

	font-size: 48px;

	font-size: 3.429rem;

	line-height: 1;

	font-weight: 400;

	padding-right: 100px;

}

.header-title, .header-content {

	width: 48.97%;

}

.header-disclaimer {

	position: absolute;

	width: 290px;

	bottom: 20px;

}

.header-disclaimer p {

	color: #ffffff;

	font-size: 13px;

	font-size: 0.929rem;

	line-height: 1.4;

	margin: 0 0 8px;

}

.header-disclaimer .disclaimer-btn {

	color: #ffffff;

	position: relative;

	cursor: pointer;

}

.header-disclaimer .disclaimer-tooltip {

	position: absolute;

	bottom: 100%;

	margin-bottom: 5px;

	display: none;

	padding: 15px;

	width: 310px;

	background: #cbd2d8;

	font-size: 12px;

	font-size: 0.857rem;

	line-height: 1.4;

	color: #333333;

}

.tooltip-header {

	font-weight: 600;

	margin-bottom: 10px;

}

.header-disclaimer .disclaimer-tooltip:after {

	top: 100%;

	left: 15px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-top-color: #cbd2d8;

	border-width: 8px;

}

.disclaimer-btn:hover .disclaimer-tooltip {

	display: block;

}

.header-disclaimer sm {

	font-size: 11px;

	font-size: 0.786rem;

}

.brochure-item {

	width: 50%;
	min-height: 409px;
}

.brochure-content {

	display: inline-block;

	width: 380px;

	text-align: center;

	padding: 30px 0;

}

.col-left.brochure-item {

	text-align: right;

	background: #4d80be;

}

.col-right.brochure-item {

	background: #3b71b4;

}

.col-left.brochure-item .brochure-content {

	margin-right: 90px;

}

.col-right.brochure-item .brochure-content {

	margin-left: 90px;

}

.brochure-title {

	font-size: 24px;

	font-size: 1.714rem;

	color: #ffffff;

	line-height: 1.2;

	margin-bottom: 15px;

}

.brochure-img {

	margin-bottom: 5px;

}

.brochure-img img {

	display: inline;

}

.gartner-content1 .screen-width {

	padding: 0;

	height: 100%;

	position: relative;

}

.gartner-content1 .screen-width:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.gartner-content1 h2 {

	font-size: 24px;

	font-size: 1.714rem;

	color: #333333;

	line-height: 1.2;

	padding: 0;

	margin: 0 0 25px;

}

.gartner-content1 p {

	font-size: 14px;

	font-size: 1rem;

	color: #333333;

	line-height: 1.4;

	padding: 0;

	margin: 0 0 20px;

}

.content1-text {

	display: inline-block;

	vertical-align: middle;

	width: 61.22%;

}

.content1-img {

	position: absolute;

	bottom: 0;

	left: 61.22%;

}



.gartner-content2 {

	background: #24265e;

	color: #ffffff;

}

.gartner-content2 .screen-width {

	background: #24265e;

	color: #ffffff;

	text-align: center;

	padding: 55px 0 35px;

}

.gartner-content2 a {

	color: #ffa300;

}

.gartner-content2 h2 {

	font-size: 24px;

	font-size: 1.714rem;

	line-height: 1.2;

	color: #ffffff;

	padding: 0;

	margin: 0 0 25px;

}



.gartner-content2 p {

	font-size: 14px;

	font-size: 1rem;

	line-height: 1.4;

	padding: 0;

	margin: 0 100px 25px;

}



.gartner-content3 {

    background-color: #eff1f3;

}



.gartner-content3 p {

	font-size: 12px;

    line-height: 16px;

}



.gartner-content3 h3.title {

	font-weight: 600;

    margin-bottom: 5px;

    font-size: 12px;

    padding: 0;

}



@media only screen and (max-width: 980px){

	html {

		font-size: 13px;

	}

	.gartner-header h1 {

		padding-right: 50px;

	}

	.gartner-header .screen-width, .gartner-content1 .screen-width {

		padding-left: 20px;

		padding-right: 20px;

	}

	.col-left.brochure-item .brochure-content, .col-right.brochure-item .brochure-content {

		width: 100%;

		margin-right: 0;

		margin-left: 0;

		text-align: center;

	}

}

@media only screen and (max-width: 768px){

	.gartner-header {

		height: 680px;

	}

	.gartner-header-bg {

		height: 100%;

	}

	.gartner-header h1 {

		padding-right: 0;

		font-size: 30px;

		font-size: 2.143rem;

	}

	.header-title, .header-content {

		width: 100%;

		margin-top: 20px;

	}

	.brochure-item {

		width: 100%;

	}

	.brochure-content {

		padding: 15px 0;

	}

	.gartner-content2 p {

		margin: 0 40px 25px;

	}

	ul.table-form {

	    width: 100% !important;

	}

	.gartner-header h1 {

		line-height: 36px !important;

	}

}

@media only screen and (max-width: 480px){

	.gartner-header {

		height: 850px;

	}

	.content1-img {

		display: none;

	}

	.content1-text {

		width: 90%;

	}

}