/* .hero-simple{} */

.hero-simple span{
    opacity: .8;
}

.hero-simple h1{
    border-radius: var(--border-radius);
	font-size: 4rem;
	line-height: 5.2rem;
}

.hero-simple-margin{
    margin-bottom: 3rem;
}

.hero-simple-margin-top{
    margin-top: 3rem;
}

.hero-simple-padding-type-default{
    padding: 1rem 0 2rem;
}

.hero-simple-padding-type-bigger{
    padding: 2rem 0 4rem;
}

.hero-simple-underline h1{
    position: relative;
    display: inline-block;
}

.hero-simple-underline h1:after{
    content: '';
    position: absolute;
    bottom: -0.25rem;
    left: 10%;
    width: 80%;
    height: 0.25rem;
    background-color: var(--brand);
}

.hero-text-like-title{
    font-size: 3rem;
    line-height: 3.2rem;
    margin: 0 0 2rem;
    border-radius: var(--border-radius);
}

.hero-simple-p{
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.hero-text-link {
    margin-top: 2rem;
}

.hero-text-link a {
    display: inline-block;
    padding: 0.875rem 2.875rem;
    background-color: var(--brand);
    color: #fff;
    text-align: center;
    border-radius: var(--border-radius);
    text-decoration: none;
    transition: box-shadow .3s, transform .2s;
}

.hero-text-link a:hover {
    box-shadow: 4px 4px 2px -1px rgba(34, 60, 80, 0.4);
    transform: scale(1.05);
}

.hero-line {
    width: 80%;
    margin: 0 auto;
    display: grid
;
    height: 3px;
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 720px){
	.hero-simple h1{
		font-size: 3rem;
		line-height: 4.2rem;
	}
}

@media (max-width: 460px){
	.hero-simple h1{
		font-size: 2rem;
		line-height: 3.2rem;
	}
}

@media (max-width: 320px){
	.hero-simple h1{
		word-break: break-all;
	}
}