html {
	font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
}

.delimiter-page {
	max-width: 1500px;
}

.delimiter-500 {
	max-width: 900px;
}

.tm-visual {
	height: calc(100vh - 30%);
	padding: 15px;
}

.visual {
	font-size: 2vw;
	line-height: .9em;
	text-transform: uppercase;
}

.tm-logo {
	padding: 10px;
	margin-left: 12vw;
}

.vbl-yellow {
	color: #ffff16;
}
.vbl-yellow:last-child {
	margin-bottom: 10px;
}

.vbl-white {
	font-size: 3vw;
	color: #fff;
	font-weight: 500;
}

.vbl-white span {
	font-size: 1.5em;
	line-height: .7em;
}

.vtr-yellow {
	color: #ffff16;
	font-size: 5vw;
	font-weight: 500;
	padding-right: 2vw;
}
.vtr-r1,
.vtr-r2 {
	color: #fff;
	font-size: 3vw;
	font-weight: 500;
}

.vtr-r1 {
	padding-right: 3vw;
}
.vtr-r2 {
	padding-right: 5vw;
}



.uk-button-primary,
.uk-button-primary:focus {
    background-color: #90b936;
}
.uk-button-primary:hover{
	background-color: #779C27;
}
.uk-text-primary {
    color: #e9473a!important;
}

.uk-input:focus,
.uk-checkbox:active, 
.uk-checkbox:focus,
.uk-select:active, 
.uk-select:focus{
	border-color: #e84639;
}
.uk-checkbox:checked {
	background-color: #e84639!important;
}


@media (max-width: 1060px) {
	.tm-logo {
		margin-left: 6vw;
	}
}

@media (max-width: 920px) {
	.visual {
		font-size: 25px;
	}
}

@media (max-width: 720px) {
	.tm-logo {
		margin-left: 0;
	}
	.tm-vb-wrapper {
		padding: 10px;
	}
	.tm-vt-wrapper {
		padding: 10px 0 10px 10px;
		margin-right: -15px;
	}
	.vtr-yellow {
		font-size: 3em;
	}
}