.tasks svg path {
    stroke: initial;
}

.tasks {
    padding-bottom: 30rem;
}

.tasks__title {
    font-size: 5.6rem;
}

.tasks__tile {
    display: block;
    padding: 3rem;
    border: 1px solid #fcfbfb;
    background: #fcfbfb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.tasks__tile:hover {
    background: #FD494F;
    color: white;
}

.tasks__tile:hover svg path {
    fill: white;
}

@media (max-width: 768px) {
    .tasks__tile {
        display: flex;
    }
    .tasks__icon {
        align-content: flex-end;
    }
    .tasks__text {
        padding-left: 3.2rem;
    }
}