#main_bkg {
            width: 100%;
            height: 100%;
            background-image: url('/img/pool/PoolBg1.webp');
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            position: fixed;
            z-index: 0;
        }
        
        .main_title {
            color: var(--blue_dark);
            text-align: center;
            font-family: 'Roboto_Thin';
        }
        
        #w_bkg {
            position: absolute;
            top: 70%;
            left: 0px;
            z-index: 1;
            width: 100%;
            background-color: rgba(255, 255, 255, 1);
            border-top: 5px solid var(--blue_mid);
        }
        /* section 1*/
        
        .bigfirst {
            text-align: center;
            margin: 2% 0 2% 0;
        }
        
        .left {
            display: inline-block;
            vertical-align: middle;
            font-family: 'Roboto_Regular';
            width: 35%;
            margin: 2.5%;
            padding: 0;
            height: auto;
        }
        
        .right {
            text-align: right;
            display: inline-block;
            vertical-align: middle;
            margin: 2.5%;
            padding: 0;
            width: 400px;
            max-width: 30%;
        }
        
        .first_title {
            color: var(--blue_mid);
            text-align: left;
            margin: 5px;
        }
        
        .first_text {
            text-align: left;
            margin: 5px;
            font-size: 120%;
        }
        /* section 2 */
        
        .bigsecond {
            background-image: url('/img/pool/PoolBg2.webp');
            background-size: cover;
            text-align: right;
            margin-top: 2%;
        }
        
        .paul {
            font-family: 'Roboto_Regular';
            display: inline-block;
            width: 25%;
            padding: 2.5%;
            text-align: left;
            background-color: rgba(23, 75, 94, 0.8);
            margin: 0;
            padding-right: 20%;
            padding-top: 6%;
            padding-bottom: 6%;
        }
        
        .second_title {
            color: var(--blue_light);
            text-align: left;
            margin: 5px;
        }
        
        .second_text {
            text-align: left;
            color: white;
            font-weight: normal;
            margin: 5px;
            font-size: 120%;
        }
        
        @media (orientation: portrait) {
            .first_title {
                width: 75%;
                font-size: 300%;
                margin: auto;
                margin-bottom: 0.4em;
                text-align: center;
            }
            .first_text {
                width: 75%;
                font-size: 200%;
                margin: auto;
                /*text-align: justify;*/
            }
            .left {
                width: 100%;
                margin-left: 0px;
            }
            .right {
                width: 75%;
                max-width: 75%;
            }
            .box {
                width: 100%;
            }
            .paul {
                width: 100%;
                background-color: rgba(23, 75, 94, 0.6);
                padding-left: 0px;
            }
            .second_title {
                width: 75%;
                margin: auto;
                font-size: 300%;
                text-align: center;
            }
            .second_text {
                width: 75%;
                margin: auto;
                font-size: 200%;
                /*text-align: justify;*/
            }
        }