/* style sheet for ken-cars.co.uk                 */
/* assumes W3 CSS and Google Font is loaded first */

/* OCT 2025 UPDATE                                */
/* changed colour from gold to blue #006AFF       */
/* increased title sizes very slightly            */


/* general fonts and colour definitions */

body {
  height:      100%;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style:  normal;
  line-height: 1.5;
  background-color: black;
}

h1 { color: #006aff; font-size:8vw; }
h2 { background-color: #006aff; color: black; font-size: 1.4em; display: inline-block; padding: 2px 10px ; text-align: center; letter-spacing: 4px;}
h3 { color: #006aff; font-size: 1.3em; }
h4 { color: black; font-size: 0.5em; background-color: #006aff; text-align: center; }

p  { color: white; text-align:justify; font-size: 1.3em; }

.gold-back { background-color: #006aff; }
.gold-text { color: #006aff; }

/* how much of the central screen to use */

.active-width  {max-width: 60%; }


/* for the banner title hovering over the blurred image */

.title-large     { font-size:9vw; }
.title-small     { font-size:3vw; }
.title-verysmall { font-size:1.6vw; }
.reduceopacity   { opacity: 0.7; }


/* make some adjustements in the presentation for smaller mobile screens */

@media (max-width:769px) {
  .active-width  {max-width: 90%; } 
  h2 { font-size: 1.3em; }
  h3 { font-size: 1.2em; }
  p  { font-size: 1.2em; line-height: 1.4; }
  .title-verysmall { font-size:2vw; }
}

@media (max-width:769px) {
  h1 { color: #006aff; font-size:11vw; }
  .title-small     { font-size:3.1vw; }
  .title-verysmall { font-size:2.75vw; }
}

a.visited { text-decoration: none; }

/* W3 overrides */

.w3-display-bottomleft   { position:absolute;left:0;bottom:5% }
.w3-display-bottomright  { position:absolute;right:0;bottom:5% }
.w3-display-bottommiddle { position:absolute;left:50%;bottom:5%;transform:translate(-50%,5%);-ms-transform:translate(-50%,5%)}