html {
	height: 100%;
}
body {
  background: #f7f7f7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #f7f7f7, #c1c1c1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #f7f7f7, #c1c1c1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #f7f7f7, #c1c1c1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #f7f7f7, #c1c1c1); /* Standard syntax */
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
  font-family: roboto;
  color: #3f403f;
}
.logo-margin {
	margin-top: 40px;
}
#container-logo {
	margin-top: 10px;
}
section {
	margin-top: 30px;
}
img {
	padding: 5px;
	margin: 0 auto;
}
a {
	text-decoration: none;
	color: #3f403f;
}
a:hover, a:focus, a:visited {
	color: #3f403f;
}
.box-fa {
    display:inline-block;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: bottom;
	border-radius: 30px 0 30px 30px;
	color: white;
	background: #ec252a; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #ec252a, #fbaf41); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #ec252a, #fbaf41); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #ec252a, #fbaf41); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #ec252a, #fbaf41); /* Standard syntax */
}
.box-fa-left {
	border-radius: 0 30px 30px 30px;
}
.label-fa {
	display:inline-block;
	line-height: 40px;
	margin-right: 10px;
}
.label-fa2 {
	display:inline-block;
	margin-right: 10px;
}
.label-fa-left {
	margin-right: 0;
	margin-left: 10px;
}
.listitem {
	margin-bottom:10px;
}
.codelogo {
	display:inline-block;
	height:40px;
	margin-bottom: 10px;
}
footer {
	margin-top: 30px;
	color: grey;
}
.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh;
	display: flex;
	align-items: center;
}