.infoBox {
    background-color: #b5d9fc;
    color: #071c81;
    padding: 20px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 20px;
    padding-left: 100px;
    padding-right: 30px;
    border-radius: 10px;
    margin: 32px 20px 32px 20px;
    font-family: 'Lora';
    font-size: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Manrope';
    box-sizing: border-box;
}

.infoBox-normal {
    background-color: #fce9b5;
    color: #816007;
    background-image: url('/blog/images/icon_tutorial_info.png');
}

.infoBox-upgrade {
    background-color: #b5d9fc;
    color: #071c81;
    background-image: url('/blog/images/icon_tutorial_upgrade.png');
}

.infoBox-error {
    background-color: #ffe2d9;
    color: #a20303;
    background-image: url('/blog/images/icon_infobox_error.png');
}

.infoBox-success {
    background-color: #d6eeb4;
    color: #558107;
    background-image: url('/blog/images/icon_infobox_success.png');
}

@media (max-width:500px) {
    .infoBox {
        background-size: 24px;
        background-position: 20px 10px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 48px;
    }
    
    .infoBox h3 {
        margin-top: -8px;
    }
}