/* WANE What is New page styles.

   developer:   yhechler
   requires:    /common/framework/css/framework.es.css
   ========================================================================== */

/* ==========================================================================
   setup the environment
   ========================================================================== */

#what-is-new {
	background: #333;
	font-family: 'Source Sans Pro', Arial, sans-serif;
}
.page-wrapper header {
	padding: 4.4rem 0 3.125rem 0;
}
.page-wrapper section {
	padding: 3.125rem 0;
}
.page-wrapper h1 {
	color: #ff8242;
	font-size: 3.125rem;
}
.page-wrapper h2 {
	color: #ffffff;
	font-size: 2rem;
	font-weight: 300;
	padding-bottom: 2rem;
}
.page-wrapper p {
	color: #222;
	font-size: 0.9375rem;
	line-height: 1.5625rem;
}
.content {
	background: #333;
}
/* ==========================================================================
   features
   ========================================================================== */

#features {
	padding: 0 0 2.3125rem 0;
}
#features h2 {
	padding-bottom: 2.25rem;
}
#features a:hover h2, #features a:hover .chevron-after:after {
	color: #dd1100 !important;
}
#features .grid {
	margin: 0 -1.375rem;
}
#features img {
	height: auto;
	max-width: 100%;
}
#features .demos {
	padding-bottom: 4.1875rem;
}
#features .demos:first-child h2, #features .demos:nth-child(4) h2 {
	max-width: 56.52rem;
}
#features .demos h2 {
	max-width: 49.25rem;
}
#features .demos h2, #features .demos img {
	display: block;
	margin: 0 auto;
	text-align: center;
}
/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}
/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {}
/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {}
/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}
/* printer styles
   ========================================================================== */

@media print {}