.info-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    align-content: space-around;
    justify-content: center;

    padding: 20px;
    text-align: center;

    & > .icon {
        color:#A0A0A0;
    }

    .main {
        color: #707070;
        font-weight: 600;
    }

    .secondary {
        color: #707070;
    }

    .buttons {
        flex: 1 1 auto;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }


    &.min-height {
        min-height: 200px;
    }

    &.big {
        padding: 60px 20px;

        & > .icon {
            margin: 20px; 
            font-size: 110px;
        }

        .main {
            font-size: 40px;
            margin: 20px 0px;
        }

        .secondary {
            font-size: 18px;
            margin: 20px 0px;
        }
    }

    &.normal {
        padding: 10px 5px;

        & > .icon {
            margin: 10px; 
            font-size: 68px;
        }

        .main {
            font-size: 26px;
            margin: 5px 0px;
        }

        .secondary {
            font-size: 17px;
            margin: 5px 0px;
        }
    }

    &.small {
        padding: 5px;

        & > .icon {
            margin: 5px; 
            font-size: 30px;
        }

        .main {
            font-size: 16px;
            margin: 5px 0px 0px 0px;
        }

        .secondary {
            font-size: 12px;
            margin: 5px 0px;
        }
    }



}