div.transformation.row {
	padding: 10% 30px !important;
}

div.transformation>div{
    text-align: center !important;
}

div.transformation h1,
div.transformation h2 {
	text-transform: uppercase !important;
    color: #fff !important;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
    font-size: 40px !important;
	letter-spacing: 8px !important;
}

div.transformation .transformation-subtitle{
	font-size: 30px !important;
    letter-spacing: 2px !important;
    color: #fff !important;
}

div.transformation a{
	margin-top: 30px !important;
    display: block;
}

div.transformation [class^="btn-"].btn-outline-white {
	border: 2px solid rgba(255, 255, 255, 1) !important;
	border-radius: 15px !important;
	padding: 12px 3% !important;
	color: #fff !important;
	letter-spacing: 3px !important;
}

@media only screen and (max-width: 767px) {
	div.transformation.row {
		padding: 10% 10px !important;
	}
	div.transformation h1 {
		font-size: 26px;
		letter-spacing: 2px;
		margin-top: 0;
	}
	div.transformation .transformation-subtitle {
		font-size: 18px;
		letter-spacing: 1px;
	}
	div.transformation a div {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		font-size: 11pt;
	}
	div.transformation [class^="btn-"].btn-outline-white {
		padding: 12px 8% !important;
	}
}