/*
@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Light.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Light.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-LightOblique.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-LightOblique.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}
*/

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Book.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Book.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-BookOblique.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-BookOblique.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Roman.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Oblique.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Oblique.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Medium.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-MediumOblique.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-MediumOblique.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

/*
@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Heavy.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Heavy.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-HeavyOblique.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
*/

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-Black.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd/AvenirLTStd-BlackOblique.woff2') format('woff2'),
		url('../fonts/AvenirLTStd/AvenirLTStd-BlackOblique.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html,
body {
	scroll-behavior: smooth;
	min-height: 100%;
}

html {
	box-sizing: border-box;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	min-height: 100vh;
	background-color: #fff;
	word-wrap: break-word;
	line-height: 1.5;
	font-family: 'Avenir LT Std', 'Montserrat', sans-serif;
	font-size: 17px;
	color: #3d4543;
	margin: 0;
	background: url('../images/background.jpg') 36% 33% no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

a {
	color: #ce132d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0.5em 0;
}

img {
	height: auto;
	max-width: 100%;
}

.trim-first > :first-child,
.text-content > :first-child {
	margin-top: 0;
}

.trim-last > :last-child,
.text-content > :last-child {
	margin-bottom: 0;
}

.content {
	display: flex;
	flex-direction: column;
	gap: 2em;
	width: max(50%, 29em);
	max-width: 100%;
	padding: max(5%, 2em);
	text-align: center;
	background: linear-gradient(to left, rgba(252,252,252,0.9) 80%, transparent);
}

.top {
	display: grid;
	grid-template-columns: 0.3fr auto 0.3fr;
	gap: 10%;
}

.top .logos {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
}

.top .logos a {
	display: block;
	widtH: 100%;
}

.top .logos a:first-child {
	width: 8em;
}

.top .logos a:last-child {
	width: 14em;
}

.top .logos img {
	display: block;
}

.contact {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	gap: 1em;
	flex-wrap: wrap;
}

.contact .phone {
	color: inherit;
}

.languages {
	text-align: left;
}

.languages h3 {
	margin: 0 0 0.5em;
	font-size: 1em;
}

.gtranslate_wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.gtranslate_wrapper .glink {
	display: block;
}

.send-money {
	align-self: center;
}

.send-money .buttons {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	text-align: left;
}

.send-money .buttons div {
	display: flex;
	justify-content: space-between;
	gap: 0 1.5em;
	flex-wrap: wrap;
}

.send-money .buttons span {
	flex: 1;
	font-weight: bold;
}

.button {
	display: inline-block;
	padding: 0.6em 2em;
	border: 1px solid #979797;
	background-color: #ce132d;
	text-align: center;
	line-height: 1;
	font-size: 0.8em;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.button:hover {
	text-decoration: none;
	background-color: #94c11f;
}

.send-money .button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.send-money .buttons div:nth-child(even) .button {
	background-color: #94c11f;
}

.send-money .buttons div:nth-child(even) .button:hover {
	background-color: #ce132d;
}

.app-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em 1.5em;
}

.app-buttons a {
	flex: 0 1 auto;
	display: block;
}

a.app-store {
	flex-basis: 9em;
}

a.google-play {
	flex-basis: 10.2em;
}

.app-buttons img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 500px) {
	body {
		justify-content: flex-start;
		background-position: 13% 33%;
	}

	.content {
		min-height: 100vh;
		padding-top: 0;
		background: rgba(252,252,252,0.85);
	}

	.top {
		display: flex;
		flex-direction: column;
		gap: 1em;
	}

	.languages {
		order: -1;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1em;
		margin: 0 calc(max(5%, 2em) * -1) 2em;
		padding: 0.5em max(5%, 2em);
		text-align: inherit;
		background-color: #3d4543;
		color: #fff;
	}

	.languages h3 {
		margin: 0;
	}

	.gtranslate_wrapper {
		flex-direction: row;
		justify-content: center;
	}

	.gtranslate_wrapper a.glink img {
		width: 2.5em;
		height: auto;
	}
}