@font-face {
    font-family: AvenirNext;
    src: url(/fonts/AvenirNext-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: AvenirNext;
    src: url(/fonts/AvenirNext-DemiBold.ttf);
    font-weight: 700;
}

html, body {
    height: 100%;
	background-color:#222;
}

.container {
    height: 100%;
}
h1 {
	font-size: 30px;
	font-family: AvenirNext;
	line-height: 1.5;
	font-weight: 700;
	text-align:center;
	margin-bottom: 10px;
	color: #fff;
}

.text {
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	padding-top:15px;
	padding-bottom: 15px;
	text-align:center;
	color: #fff;
}
a {
	color: #ccc;
}
a:hover,
a:focus{
	color: #ccc;
}
strong {
	font-weight: 700;
}

/*SOCIAL MEDIA*/
.social-media a {
    font-size: 24px;
    color: #E4C889;
    width: 40px;
    height: 40px;
    line-height: 44px;
    background-color: transparent;
    padding: 0;
    border: 1px solid transparent;
    margin: 5px 0;
    background: #403301;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-social a {
  border-radius: 0;
  color: #403301;
  background: #E4C889;
  border-radius: 50%;
  margin: 0 10px;
}
.social-media a:hover {
    opacity: .8;
}


@media screen and (max-width: 991px) {
.text {
	font-size: 14px;
	line-height: 1.8;
	font-weight: 500;
	padding-top:10px;
	padding-bottom: 15px;
	text-align:center;
}
}