.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

* { margin: 0; padding: 0; box-sizing:border-box; }
body { 
	font-family: 'Source Sans Pro', sans-serif; 
	background: #aa4b6b; 
	background: -webkit-linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b);  
	background: linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b); 
	color: #fff; 
	font-size: 24px;
}

h1 { font-size: 40px; font-weight: 300; margin-bottom: 30px; }

a { color: #aa4b6b; }
a:hover { color: #3b8d99; cursor:pointer; }

p { margin-bottom: 30px; line-height: 34px; }
p:last-child { margin-bottom: 0; }

img { max-width: 100%; border-radius: 5px; margin-bottom: 20px;  }

.clearfix:after { display: table; clear:both; content: ""; }

.container { margin: 50px auto; max-width: calc(100% - 100px); width: 800px; }
.container .content { 
	background: #fff; 
	border-radius: 5px; 
	padding: 40px; 
	color: #222;
}

.button-list { list-style: none; margin: 0; display:block; }
.button-list li { float:left; width: 48.75%; margin: 0 2.5% 10px 0; }
.button-list li:nth-child(2n) { margin-right: 0; }
.button-list li a { 
	display:block; 
	border-radius: 5px; 
	background: #aaa; 
	padding: 10px; 
	text-decoration: none; 
	color: #fff;  
}
.button-list li a:hover { background: #3b8d99;}

@media screen and (max-width: 768px){
	.container .content { padding: 20px; }
	.button-list li { width: 100%; float: none; margin: 0 0 20px 0; }
}