﻿/* JQM */

@media screen and (min-width: 1600px)
{
    .ui-page { background: url('Images/ballingrass.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
    .container_12 .ui-btn { margin: 0.1em 0; }
}


@media screen and (min-width: 800px) and (max-width: 1599px)
{
    .container_12 .ui-btn-inner { font-size: 12px; }
    .container_12 .ui-btn { margin: 0.1em 0; }
    .ui-page { background: url('Images/ballingrass.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
}



@media screen and (min-width: 400px) and (max-width: 799px) {
    .container_12 .ui-btn-inner { font-size: 10px; }
    .container_12 .ui-btn { margin: 0.1em 0; }
    .ui-page { background: url('Images/ballingrass.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
}

@media screen and (max-width: 399px)
{
    .container_12 .ui-btn-inner { font-size: 10px; }
    .container_12 .ui-btn { margin: 0.1em 0; }
    .ui-page { background: url('Images/ballingrass.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
}


.MobileErr { background-color: lightpink; border-radius: 10px; padding:10px; color:black; }
.MobileImg { background-color: silver; border-radius: 10px; padding:10px; color:black; text-align:center;}
.foobarbut { width: 100%; }

.oldui-page { background: url('Images/pod_edge.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.ui-content label,
.ui-content legend { color: #def; }