/* Brand Typography */

.typography h1,h2 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
}

.typography h3,h4,h5,h6,button {
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
}

.typography p,li,td,a {
	font-family: 'Work Sans', sans-serif;
}

/* Brand colors and backgrounds */

.is-tudu-dark-blue {
	color: #1D2258;
}

.is-tudu-blue {
	color: #004592;
}

.is-tudu-pink {
	color: #FF4B7D;
}

.is-tudu-green {
	color: #00D2C3;
}

.is-tudu-dark-blue-bg {
	background-color: #1D2258;
}

.is-tudu-blue-bg {
	background-color: #004592;
}

.is-tudu-pink-bg {
	background-color: #FF4B7D;
}

.is-tudu-green-bg {
	background-color: #00D2C3;
}

.gimme-room {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Section styles */ 

#header {
	background-image: url("../img/tudu-home-bg.jpg");
	background-size: cover;
	color: white;
}

#pos-header {
	background-image: url("../img/storefront.jpg");
	background-size: cover;
	color: white;
}

.header-filter {
	background: rgba(255,75,125, 0.75);
	height: 100%;
}

.header-contents {
	height: 100%;
	width: 100%;
	color: white;
}

.header-logo {
	width: 100%;
	display: block;
	clear: both;
	margin-top: 1rem;
}

.header-logo-image {
	width: 10rem;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.header-title {
	margin-bottom: 30px;
	font-size: 3rem;
	width: 70%;
}

.header-subtitle {
	font-weight: 500;
	width: 70%;
}

.header-cta {
	font-weight: 500 !important;
	margin-top: 50px;
}

.header-cta-button {
	border: 0 !important;
}

.benefits-icon {
	width: 40%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.info-button {
	margin-top: 50px;
	border-width: 4px;
	padding: 30px;
	background: transparent;
}

.video-box {
	width: 560px;
	height: 315px;	
	margin-left: auto;
	margin-right: auto;
}

.video-box iframe {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.clientes-logo {
	width:10rem;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.terms {
	padding-top: 2rem;
	padding-left: 3rem;
	padding-right: 3rem;
}
.terms-block {
	margin-top: 20px;
	margin-bottom: 30px;
}