.panel{position:relative;display:flex;flex-direction:column;flex-grow:1;flex-basis:30%;min-width:300px;margin:1vw;overflow:hidden;border-radius:.8em;box-shadow:0 .4em .7em rgba(0,0,0,.3)}.panel.clear,.panel.info{box-shadow:none;overflow:visible;margin:0}.panel:not(.clear){box-shadow:0 .2em .5em rgba(0,0,0,.5)}.panel>.header{position:relative;min-height:2em;padding:.8em .8em .8em .8em;background-color:#3f6d80;background-size:230px auto;background-position:right bottom;overflow:visible}.panel>.header:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0))}.panel.reliability>.header,.panel.security>.header,.panel.transparency>.header,.panel.trust>.header{min-height:5em;background-size:contain;background-position:center}.panel.security>.header{background-image:url(../media/security_white_boundry.png)}.panel.reliability>.header{background-image:url(../media/Reliability_white_boundry.png)}.panel.trust>.header{background-image:url(../media/TRUST_white_boudry.png)}.panel.transparency>.header{background-image:url(../media/Transparency_white_boundry.png)}.panel.delegation,.panel.network{min-width:320px}.panel.delegation>.header,.panel.network>.header{min-height:15em;flex-basis:100%;background-size:contain;background-position:center}.panel.network>.header{background-image:url(../media/Setup_transparent.png)}.panel.delegation>.header{background-image:url(../media/Delegation_transparent.png)}.panel.delegation>.header,.panel.network>.header,.panel.reliability>.header,.panel.security>.header,.panel.transparency>.header,.panel.trust>.header{background-color:#3f6d80}.panel.attention>.header{background-color:#da8732}.panel>.header>h3{position:relative;color:#fff;text-shadow:0 .1em .2em rgba(0,0,0,.7);z-index:90}.panel>.content{position:relative;padding:.8em;background-color:#2f2f2f;color:#ddd;line-height:1.35;word-spacing:.2em;flex-grow:1;font-size:1em}.panel>.content b{font-weight:400;color:#007bb4}.info-panel{position:relative;display:flex;flex-direction:column;flex-grow:1;min-width:250px;padding:.4m;margin:0 .1em .2em .1em;border-radius:.1em;box-shadow:0 .1em .3em rgba(0,0,0,.2);font-size:.9em;background-color:rgba(0,0,0,.3);color:#ddd}.info-panel .info-panel{min-width:220px}.info-panel.row{flex-direction:row}.info-panel h2,.info-panel h3{padding:0 .8em .8em .8em}@media all and (max-width:780px){.panel.reliability>.header,.panel.security>.header,.panel.transparency>.header,.panel.trust>.header{min-height:3em}.panel>.content{font-size:.8em}}