/*#region Body*/
#FeaturesContainer{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}

.FeaturesDetails{
    width: 28%;
}

.FeaturesSummary::-webkit-details-marker{
    display: none;
}

.FeaturesSummary{
    min-width: 120px;

    padding: 10px;
    margin-top: 15px;

    outline: none;

    font-size: 18px;
    color: rgb(78, 78, 78);

    background-color: white;
    border: 1.5px solid lightgrey;
    border-radius: 3px;

    box-shadow: inset 1px -1px 2px 1px rgba(0, 0, 0, 0.1);
    transition: box-shadow .3s ease-in-out;

    cursor: pointer;
}

.FeaturesSummary:after{
    float: right;
    margin-right: 6%;

    font-size: 22px;
    font-weight: bold;
    content: "+";
}

.FeaturesSummary:hover{
    box-shadow: inset 1px -1px 10px 1px rgba(77, 77, 77, 0.2);
}

.FeaturesSummary > img{
    width: 20px;
    height: 20px;

    margin-right: 5px;
    margin-bottom: 5px;

    vertical-align: middle;
}

.FeaturesDetails[open] > .FeaturesSummary{
    box-shadow: inset 1px -1px 10px 1px rgba(77, 77, 77, 0.2);
}

.FeaturesDetails[open] > .FeaturesSummary:after{
    content: '-';
}

.FeaturesList {
    margin-left: 20px;
    margin-top: 5px;
    padding: 0;

    line-height: 28px;
    list-style: "- ";
}

.FeaturesList > li{
    margin: 0;
    padding: 0;
}

.Extra{
    margin: 0;
    padding: 0;

    font-size: 12px;
    color:rgba(78, 78, 78, .8);
}
/*#endregion*/

/*#region MediaSizes*/
@media screen and (max-width: 1024px) {
    .FeaturesDetails{
        width: 45%;
    }
}

@media screen and (max-width: 750px) {
    .FeaturesDetails{
        margin: 0;
        width: 100%;
    }

    .imgContainer{
        height: calc(80vw * 0.66);
    }
}
/*#endregion*/