#mainbody427 {
        display:    none;
        flex-grow: 1;
        height:     calc(1360vw/10.80);
        width:      calc(1060vw/10.80);
        z-index:    10;
    }
    .imagep {
	display: table-cell;
	margin-right: calc(0vw/10.80);
	vertical-align: top;
    }
    #progress427 {
	position: fixed;
        top:      calc(18vw/10.80);
        left:     calc(1788vw/10.80);
        width:    calc(90vw/10.80);
        height:   calc(90vw/10.80);
    }
    #weatherimg {
        filter: saturate(100%) opacity(40%) brightness(1) contrast(1);
        height: 100%;
        left:     calc(-10vw/10.80);
        position: fixed;
        width:    101%;
        z-index:  -1;
    }
    #weathersource {
        font-size:   calc(60vw/10.80);;
        font-weight: bold;
        color:       #5AA519;
        height:      calc(110vw/10.80);
        line-height: calc(110vw/10.80);
        text-align:  center;
        width:       calc(1060vw/10.80);
    }
    #weatherpage1 {
       height:     calc(1000vw/10.80);
       margin-top: calc(160vw/10.80);
       width:      calc(1060vw/10.80);
    }
    #weatherarea {
        background-color: transparent;
        width:            calc(1060vw/10.80);
        height:           calc(660vw/10.80); 
        margin:           0 auto;
        display:          flex;
        justify-content:  space-between;
    }
    .weatheritem {
        background-color: #F2F1F0; 
        position:         relative; 
        width:            32%; 
        height:           97%; 
        margin-top:       calc(100vw/10.80); 
    }
    /* #weatheritem1 {
        margin-left: calc(46vw/10.80);
    } */
    .wheadline {
        background-color: #002564; 
        color:            #F2F1F0; 
        width:            100%; 
        text-align:       center; 
        padding-top:      calc(20vw/10.80);
        padding-bottom:   calc(20vw/10.80);
        font-size:        calc(60vw/10.80);
        font-weight:      700;
    }
    #wheadline1 {
    }
    .weatherimage {
        text-align: center; 
        margin-top: calc(30vw/10.80);
    }
    .weatherimageimg {
        width: 52%;
    }
    .temp {
        color:       #002564; 
        position:    absolute; 
        top:         calc(342vw/10.80); 
        font-weight: 900;
        font-size:   calc(130vw/10.80);
        font-weight: 700;
    }
    .min {
        color: #002564; 
        text-align: center;
        width: 50%;
    }
    .max {
        color: #5AA519; 
        left: 50%;
        text-align: center;
        width: 50%;
    }
    .direction {
    }
    .compass {
        top:  calc(120vw/10.80); 
        left: calc(138vw/10.80);
    }
    #weatherpage2 {
        position: absolute;
        width:    calc(1060vw/10.80);
        height:   calc(1200vw/10.80);
    }
    #weatherpage3 {
        position: absolute;
        width:    calc(1060vw/10.80);
        height:   calc(1200vw/10.80);
    }
    #weathermap {
        height:   calc(1200vw/10.80);
        width:    calc(1060vw/10.80);
    }
    #wmap1 {
        object-fit: cover;
        object-position: calc(-450vw/10.80) calc(-135vw/10.80);
        min-width:       calc(2000vw/10.80);
    }
    #wmap2 {
        object-fit: cover;
        object-position: calc(-450vw/10.80) calc(-135vw/10.80);
        min-width:       calc(2000vw/10.80);
    }