﻿#license-agreement h1 + p { width: 70%; margin-left: auto; margin-right: auto; }
#license-agreement .la-container { display: grid; grid-gap: 92px 56px; grid-template-columns: 1fr 1fr; margin-bottom: 100px; }
    #license-agreement .la-container .la-box { background-color: #F5F5F5; padding: 60px 59px 39px 59px; position: relative; }
        #license-agreement .la-container .la-box:first-child { grid-row: 1 / 3; }
        #license-agreement .la-container .la-box p { margin-bottom: 0; }
            #license-agreement .la-container .la-box p:not(.f24) { font-size: 16px; }
            #license-agreement .la-container .la-box p a:hover { color: inherit; }
        #license-agreement .la-container .la-box .icon { display: block; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-color: white; border: 2px solid #323234; position: absolute; top: 0; transform: translateY(-50%); }
            #license-agreement .la-container .la-box .icon.internal { background-image: url("../../images/icons/icon-internal use.svg"); }
            #license-agreement .la-container .la-box .icon.hosting { background-image: url("../../images/icons/icon-hosting.svg"); }
            #license-agreement .la-container .la-box .icon.reselling { background-image: url("../../images/icons/icon-reselling.svg"); }
        #license-agreement .la-container .la-box .archived { display: none; }
            #license-agreement .la-container .la-box .archived p { font-size: 14px; }

@media screen and (max-width: 1199px) {
    #license-agreement .la-container .la-box { padding: 60px 40px 40px 40px; }
}

@media screen and (max-width: 991px) {
    #license-agreement h1 + p { width: 100%; }
    #license-agreement .la-container { grid-template-columns: 1fr; grid-gap: 50px; }
        #license-agreement .la-container .la-box:first-child { grid-row: 1; }
        #license-agreement .la-container .la-box .icon { width: 65px; height: 65px; }
}