/* --- typography --- */

body,
h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham SSm A", "Gotham SSm B";
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-weight: bold;
}

h1 {
  text-align: center;
  font-size: 1.7em;
}

h2 {
  font-size: 1.17em;
}

p.disclaimer {
  font-size: .8em;
}

/* --- colors --- */

body {
  background: #c6c5c6;
  background: -moz-linear-gradient(top,  #c6c5c6 0%, #c6c5c6 46%, #737b88 100%);
  background: -webkit-linear-gradient(top,  #c6c5c6 0%,#c6c5c6 46%,#737b88 100%);
  background: linear-gradient(to bottom,  #c6c5c6 0%,#c6c5c6 46%,#737b88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c5c6', endColorstr='#737b88',GradientType=0 );
  overflow-x: hidden;
}

.row {
/*   background-color: white; */
}

body, li > span {
  color: #555555;
}

h1 {
  color: black;
}

li,h2 {
  color: #318ac7;
}

h2 {
  margin-top: 40px;
  margin-bottom: 1rem;
}

ol, ul {
  margin-left: 2.25rem;
}

li {
  margin-bottom: 1rem;
}

.row.footer {
  background-color: #f8f8f8;
}

.disclaimer {
  color: #bcbec0;
  margin-top: 40px;
  margin-bottom: 40px;
}

.statement-iconcolumn {
  background-color: #318ac7;
  padding: 25px;
  margin-left: -15px;
  margin-right: -15px;
}

/* --- layout --- */

html, body {
  height: auto;
  min-height: 100%;
}

.statement-container {
	padding: 2em 2em 4em 2em;
}


.statement-wrapper {
  background: white;
  box-shadow: 0 30px 50px rgba(0,0,0,0.2);
}

.statement-wrapper .row {
	margin: 0;
}

.statement-main {
  padding-top: 3em;
}

.statement-textcolumn {
  padding-top: 2em;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .statement-textcolumn {
    padding-left: 5em;
    padding-right: 5em;
  }
}

.statement-textcolumn h1 {
  margin-bottom: 25px;
}

.row.footer .columns {
  padding-top: calc(70px - 12px);
  height: 140px;
}

.statement-iconcolumn > img {
  width: 100%;
  height: 60px;
}



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

	.statement-container {
		padding: 0em;
	}

	.statement-main {
	  padding-top: 0em;
	}
}
