Index: products/frameworks/index.php
===================================================================
--- products/frameworks/index.php
+++ products/frameworks/index.php
@@ -18,249 +18,6 @@
 
 <h1>KDE Frameworks</h1>
 
-<style>
-
-    #main article { /* Old kde.org fix */
-        margin: 0px -26px;
-        text-shadow: none !important;
-        text-align: center;
-    }
-
-    main article {
-        padding: 20px;
-        text-align: center;
-    }
-
-    main article + article,
-    #main article + article {
-        border-top: solid 2px rgba(0,0,0,.1);
-    }
-
-    main.container section {
-        padding: 0px;
-    }
-
-    .splashLogo {
-    /*
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-
-        background-image: url(kirigami-splash.jpg);
-        background-size: cover;
-        background-position: left center;
-        border-top-left-radius: 2px;
-        border-top-right-radius: 2px;
-      */
-    }
-
-    .splashLogo h1 {
-    /*
-        color: #FAFAFA !important;
-        font-size: 32px !important;
-        line-height: 120%;
-        background-image: none !important;
-    */
-    }
-
-    .splashLogo p {
-    /*
-        color: #FCFCFC !important;
-        line-height: 120% !important;
-    */
-    }
-
-    main.container section > article, #main article {
-        min-height: 250px;
-    }
-
-
-    .columns {
-        padding: 0px !important;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: row;
-        min-height: 100%;
-        align-items: stretch;
-    }
-
-    .columns > div {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        padding: 20px;
-    }
-
-    main .image,
-    #main .image {
-        background-origin: content-box;
-        padding: 20px;
-        background-repeat: no-repeat;
-    }
-
-    .section-responsive
-    {
-        background-color: #1e4b6b;
-        background-image: linear-gradient(#4080b0 1px, transparent 1px),
-            linear-gradient(90deg, #4080b0 1px, transparent 1px),
-            linear-gradient(#34719e 1px, transparent 1px),
-            linear-gradient(90deg, #34719e 1px, transparent 1px);
-        background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
-        background-position: center center;
-
-        align-items: stretch;
-        min-height: 0px !important;
-        color: #FFF  !important;
-    }
-
-    .section-responsive h1
-    {
-    padding-top: 20px;
-        background: none !important;
-        color: #FFF !important;
-    }
-
-    .section-responsive p
-    {
-        padding: 0px 20px 20px !important;
-        color: #FFF !important;
-        max-width: 1200px;
-    }
-
-    .section-responsive .image {
-        background-image: url(kirigami-adapt.png);
-        background-size: contain;
-        background-position: center center;
-        height: 60%;
-        width: 100%;
-        background-repeat: no-repeat;
-        flex: 1 ;
-        height: 400px;
-    }
-
-    .section-links {
-        display: flex;
-        flex-direction: column;
-        text-align: center;
-    }
-
-    .section-links-content {
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-    .section-links .section-links-content div {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        flex-basis: 33.33%;
-    }
-
-    .section-links .section-links-content div:nth-child(2),
-    .section-links .section-links-content div:nth-child(5) {
-        border-left: solid 1px rgba(0,0,0,.1);
-        border-right: solid 1px rgba(0,0,0,.1);
-    }
-
-    .section-links h1 {
-        border-bottom: solid 1px rgba(0,0,0,.1);
-        padding-bottom: 20px;
-    }
-
-    .section-links-content div p {
-        max-width: 90%;
-        margin-bottom: 3em;
-    }
-    .section-links-content a {
-        display: inline-block;
-        color: #feefe2 !important;
-        background-color: #e4720c;
-        border-radius: 2px;
-        padding: 10px 20px;
-        width: 80%;
-    }
-
-    .section-links-content a:hover {
-        background-color: #f37a0d;
-    }
-
-    .section-elegant {
-        flex-direction: row-reverse;
-    }
-
-    .section-elegant .image {
-        width: 60%;
-        background-image: url(subsurface.png);
-        background-size: contain;
-        background-repeat: no-repeat;
-        background-position: center center;
-    }
-
-    .section-open {
-        background-image: url(community.jpg);
-        background-size: cover;
-        background-repeat: no-repeat;
-        background-position: center center;
-    }
-    .section-open * {
-        color: #FFF !important;
-        background: none !important;
-        text-shadow: 0px 0px 5px rgba(0,0,0,.5) !important;
-    }
-    .section-examples {
-        background-color: lightgrey;
-    }
-    .section-examples img {
-        width: 90%;
-        height: auto;
-    }
-    .splashLogo .image img {
-        max-width: 90%;
-        height: auto;
-    }
-
-    @media(max-width: 1200px) {
-        main.container section > article, #main article {
-            min-height: 250px;
-        }
-    }
-    @media(max-width: 992px) {
-        main.container section > article, #main article {
-            min-height: 250px;
-        }
-        .section-links .section-links-content div {
-            flex-basis: 50%;
-        }
-        .section-links .section-links-content div:nth-child(2),
-        .section-links .section-links-content div:nth-child(5) {
-            border:none;
-        }
-        .section-links .section-links-content div:nth-child(odd) {
-            border-right: solid 1px rgba(0,0,0,.1);
-        }
-    }
-    @media(max-width: 768px) {
-        main.container section > article, #main article {
-            min-height: 250px;
-        }
-        .section-responsive .image {
-            height: 300px;
-        }
-        .columns {
-            flex-direction: column;
-        }
-        .columns > div {
-            border: none !important;
-            width: 100% !important;
-        }
-    }
-
-</style>
-
-
 <article class="splashLogo columns">
     <div class="image">
         <img src="/announcements/qt-kde.png" width="320" height="180" style="margin: 1em;" />