body {
    background-color: white !important;
    color: #003B71;
}

.how-can-we {
    text-align: center;
    background-color: #003B71;
    padding-top: 1%;
    padding-bottom: 3%;
}

.registration-help {
    text-align: center;
}

.how-can-we>h2 {
    color:white;
    margin:0;
}

.search-bar {
    display: flex;
    margin-right: 15%;
    margin-left: 15%;
    text-align: center;
    justify-content: center;
}

.what-do-you-need {
    text-align: center;
}

.troubleshooting-options {
    display: flex;
    align-items: center;
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
}

.troubleshooting-option {
    padding:4%;
    margin:4%;
    flex-grow: 1;
}

.troubleshooting-option:hover {
    cursor: pointer;
}

.troubleshooting-option a {
    text-decoration: none;
}

.troubleshooting-option>img {
    height: auto;
    width: 200px;

}

.top-articles {
    text-align: center;
}

.articles {
    display:flex;
    flex-wrap: wrap;
}

.article {
    width:50%;
    text-align: left;
    padding: 8px;
}

.article {
    text-decoration: none;
}

.help-section {
    padding-right:10%;
    padding-left:10%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.help-article {
    display: flex;
    width: 25%;
    flex-direction: column;
}

.help-article>* {
    padding: 4%;
}

.help-article-description {
    display: block;
}

.back-to-support-help,
.back-to-support-help>a {
    text-decoration: none;
    text-align: center;
}