.ncr {
    position: absolute; 
    top: 30%; 
    left: 47%; 
    transform: translate(-50%, -50%); 
    color: #875d4d; 
    text-align: center; 
    background-color: white; 
    border: solid #875d4d;; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-right:40px; 
    padding-left: 40px; 
    font-size: 27.5px;
}

.northLuzon {
    position: absolute; 
    top: 30%; 
    left: 75%; 
    transform: translate(-50%, -50%); 
    color: #875d4d; 
    text-align: center; 
    background-color: white; 
    border: solid #875d4d;; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-right:40px; 
    padding-left: 40px; 
    font-size: 27.5px;
}

.southLuzon {
    position: absolute; 
    top: 45%; 
    left: 47.5%; 
    transform: translate(-50%, -50%); 
    color: #875d4d; 
    text-align: center; 
    background-color: white; 
    border: solid #875d4d;; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-right:30px; 
    padding-left: 30px; 
    font-size: 27.5px;
}

.centralLuzon {
    position: absolute; 
    top: 45%; 
    left: 75%; 
    transform: translate(-50%, -50%); 
    color: #875d4d; 
    text-align: center; 
    background-color: white; 
    border: solid #875d4d;; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-right:30px; 
    padding-left: 25px; 
    font-size: 27.5px;
}

.loafbag {
    position: relative;
    top: -256px;
    left: 10px;
    scale: 0.85;
}

#productlist {
    background-color:white;
    border:1px solid #000000;
    position:absolute;
    top:78%;
    right:120px;
}

@media (max-width: 1500px) {

    .northLuzon {
        padding-right:34.5px;
    }
    
    .centralLuzon {
        padding-right:27px; 
    }
}

@media (max-width: 958px) {

    .northLuzon {
        padding-right:31px; 
        padding-left: 31px; 
    }

    .cvheader h1 {
        font-size: 35px;
    }

    .cvheader h2 {
        font-size: 20px;
    }

    .loafbag {
        margin-top: 160px;
        width: 285px;
        top: -272px;
        left: 113px;
        scale: 0.75;
    }

    .ncr {
        top: -18%;
        left: 54%;
        font-size: 20.5px;
    }

    .northLuzon {
        top: 10%;
        left: 54%;
        font-size: 20.5px;
        padding-right:30px; 
        padding-left: 30px; 
    }

    
    .southLuzon {
        top: 36%;
        left: 54%;
        font-size: 20.5px;
        padding-right: 27px;
        padding-left: 30px;
    }

    .centralLuzon {
        top: 64%;
        left: 54%;
        font-size: 20.5px;
        padding-right: 21px;
        padding-left: 21px;
    }

    .sevenElevenBG {
        margin-top: -48px;
    }

    #productlist {
        top: 38%;
        right: -20px;
        scale: 0.7;
    }
}

@media (max-width: 400px) {
    .ncr {
        padding-right: 30px;
        padding-left: 30px;
    }

    .northLuzon {
        padding-right: 20px;
        padding-left: 20px;
    }

    .southLuzon {
        padding-right: 18px;
        padding-left: 19px;
    }

    .centralLuzon {
        padding-right: 11px;
        padding-left: 11px;
    }
    
    .loafbag {
        left: 105px;
    }

    #productlist {
        top: 41%;
        right: -20px;
        scale: 0.7;
    }
}