* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	color: #777;
	background-color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	margin: 0;
}
header {
	display: block;
	padding: 1rem;
	border-bottom: 1px solid #eee;
}
content, footer {
	display: block;
	padding: 2rem 1rem;
	background-color: #f9fcfe;
}
aside {
	display: block;
	padding: 2rem 1rem;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
footer {
	display: block;
	text-align: center;
	border-top: 1px solid #eee;
}
section {
	display: block;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
h1, h2 {
	display: block;
	margin: 0 0 .75rem;
}
h1 {
	font-size: 22px;
	color: #9635ba;
	text-align: center;
}
h2 {
	font-size: 16px;
	margin: 0 0 .5rem;
}
p {
	display: block;
	margin: 0 0 1rem;
	line-height: 1.35em;
}
a {
	color: #389eec;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.logo-header {
	width: 155px;
	height: 35px;
	background-image: url(https://idwebhost.com/themes/freshblue/images/sprite-hf-opt-14-agustus.png);
	background-position: 3px -28px;
	background-size: 600px;
	background-repeat: no-repeat;
	margin: auto;
}

.banner img {
	border-radius: 10px;
}

.underline {
	width: 60px;
	height: 4px;
	margin: auto;
	background-color: #d79dec;
}

.welcome {
	margin: 3rem 0 5rem;
	text-align: center;
}

.step {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.step-item {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.step-desc {
	border-left: 2px dashed #ddd;
	padding: 1.25rem;
	margin-left: 1.25rem;
}
.step-desc > *:last-child {
	margin-bottom: 0;
}

.contact {
	text-align: center;
	padding: 1.5rem;
}

.button {
	color: #fff;
	background-color: #389eec;
	border: 2px solid #389eec;
	border-radius: 7px;
	padding: .65rem 1rem;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all .25s ease;
			transition: all .25s ease;
}
.button:hover {
	background-color: #2085d2;
	border-color: #2085d2;
	text-decoration: none;
	box-shadow: 0 0 15px 0 rgba(56,158,236,.25);
	-webkit-transition: all .25s ease;
			transition: all .25s ease;
}
.button-wa {
	color: #28a745;
	background-color: transparent;
	border-color: #28a745;
	padding: .55rem 1rem;
	margin: auto;
	display: flex;
    align-items: center;
    width: fit-content;
    width: -moz-fit-content;
}
.button-wa:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.button-wa:hover .icon-whatsapp {
	-webkit-transition: all .25s ease;
			transition: all .25s ease;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(255,255,255)' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z'/%3E%3C/svg%3E");
}
.icon-whatsapp {
	width: 28px;
	height: 28px;
	margin-right: .5rem;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all .25s ease;
			transition: all .25s ease;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(35,146,46)' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z'/%3E%3C/svg%3E");
}

.other {
	margin-right: -1rem;
	margin-left: -1rem;
}
.other-item {
	display: inline-block;
	width: calc(50% - 2px - 2rem);
	background-color: #fff;
	padding: 2rem;
	margin: 1rem;
	vertical-align: top;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.075);
}
.other-item img {
	width: 125px;
	margin: 0 auto 1rem;
}

@media (min-width: 576px) {
	.step-desc {
		min-width: 350px;
	}
}
@media (min-width: 768px) {
	.container {
		width: 600px;
	}
}