@font-face {
    font-family: 'UKPlate';
    src: url('https://custodian.s3ntry.uk/wp-content/plugins/rege/fonts/reg-plate/UKNumberPlate.ttf')  format('truetype');
}

.platecon {
    width: 100%;
    height: 300px;
    padding: 0;
    margin: 0;
}
.bg-image{
    max-width: 100%;
    height: auto;
}
.plate {
    font-family: 'UKPlate', sans-serif;
    font-size: 3vw;
}

.plateimage {
    position:relative;
    max-width: 100%;
    height: auto;
}

.platetext {
    font-family: 'UKPlate', sans-serif;
    font-size: 4.5vw;
    left: 1.5vh;
    position:absolute;
    text-align:center;
    top: 0px;
    width: 100%
}

.regetext {
    font-family: 'UKPlate', sans-serif;
    font-size: 2vw;
    left: 1.5vh;
    position:absolute;
    text-align:center;
    top: 1.5vw;
    width: 100%
}
.tr {
    font-family: 'UKPlate', sans-serif;
    text-align:center;
    font-weight: bold;
}
.downAr,.downAr2 {
    font-size: 30px;
}
.down {
    font-size: 30px;
}

.title {
    font-size: 16px;
    min-width: 50px;
    padding: 10px;
}

.spark {
    width: 100%;
    height: 110px;
    padding: 0;
    border: 4px solid #2a4c76;
    margin: 0;
}
.bits {
    width: 100%;
    height: 170px;
    padding: 0;
    border: 4px solid #2a4c76;
    margin: 0;
}

.rob-box {
    width: 100%;
    height: 80px;
    padding: 0;
    border: 4px solid #2a4c76;
    margin: 0;
}


.rob-title {
    width: 100%;
    margin: -28px 6px 0 -4px;
    background-color: #2a4c76;
    text-align:center;
    color: white;
    border: 4px solid #2a4c76;
}

.rob-chose {
    margin-top: 5px;
    color: #2a4c76;
}
.gen-title {
    width: 100%;
    margin: -10px 6px 0 -4px;
    background-color: #2a4c76;
    text-align:center;
    color: white;
    border: 4px solid #2a4c76;
}
.button-div {
    margin: auto;
    width: 50%;
}

.button {
    background-color: #2a4c76;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

@media only screen
and (min-device-width: 402px)
and (max-device-width: 402px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
    /* Styles for iPhone 17 Pro */
    .platetext {
        font-family: 'UKPlate', sans-serif;
        font-size: 70px;
        left: 10px;
        position:absolute;
        text-align:center;
        top: 0px;
        width: 100%
    }
    .regetext {
        font-family: 'UKPlate', sans-serif;
        font-size: 30px;
        left: 10px;
        position:absolute;
        text-align:center;
        top: 25px;
        width: 100%
    }
    
    .button-div {
        margin: auto;
        width: 90%;
    }
}