/**********************************/
/*          Mobile Rules          /*
/**********************************/
.icons-container {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: space-evenly;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 16px 0px 8px 0px;
}

.icons-container-header h2 {
    font-family: "Tempo", "Tempo-Local", "Arial Narrow", Arial, sans-serif;
    font-weight: 550;
    font-size: 27px;
    text-align: center;
    vertical-align: top;
    color: #10559A;
    padding-bottom: 8px;
}

.lowest-price-icons1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-left: 4%;
    padding-top: 0%;
    padding-bottom: 16px;

}

.lowest-price-icons2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-left: 4%;
    padding-bottom: 16px;
}

.lowest-price-icons3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-left: 4%;
    padding-bottom: 32px;
}

/**********************************/
/*          Text Styling          /*
/**********************************/
.icon-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 21.79px;
    color: #10559A;
    font-family: "Open Sans", Helvetica, sans-serif;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.copy-container {
    padding-left: 16px;
    width: 80%;
    float: right;
}

.img-container {
    width: 56px;
    height: 50px;
    display: inline-block;
}

.img-container img {}

.icon-copy {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-size: 14px;
    color: #464646;
    line-height: 19.07px;
}

/*TABLET STYLING*/
@media only screen and (min-width: 768px) {

    .icons-container {
        padding: 32px 32px 16px 32px;
    }

    .icons-container-header h2 {
        font-size: 38px;
        padding-bottom: 8px;
    }

    .lowest-price-icons1 {
        display: flex;
        flex-direction: row;
        text-align: left;
        align-items: center;
        width: 30%;
        margin: 0px;
    }

    .lowest-price-icons2 {
        display: flex;
        flex-direction: row;
        text-align: left;
        align-items: center;
        width: 30%;
    }

    .lowest-price-icons3 {
        display: flex;
        flex-direction: row;
        text-align: left;
        align-items: center;
        width: 30%;
    }

    .lowest-price-icons1 img {
        width: -webkit-min-content;
        -webkit-box-flex: 1;
        flex: 1 0 auto;
        object-fit: contain;
        height: 100%;
        width: 56px;
    }

    .lowest-price-icons2 img {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: -webkit-min-content;
        width: -moz-min-content;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -o-object-fit: contain;
        object-fit: contain;
        height: 100%;
    }

    .lowest-price-icons3 img {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: -webkit-min-content;
        width: -moz-min-content;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -o-object-fit: contain;
        object-fit: contain;
        height: 100%;
    }

    .img-container {
        width: 30%;
        height: auto;
    }

}

/*DESKTOP STYLING*/
@media only screen and (min-width: 1024px) {}