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


/* 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: #FFD700; font-size:8vw; }
h2 { background-color: #FFD700; color: black; font-size: 1.4em; display: inline-block; padding: 2px 10px ; text-align: center; letter-spacing: 4px;}
h3 { color: #FFD700; font-size: 1.3em; }
h4 { color: black; font-size: 0.5em; background-color: #FFD700; text-align: center; }

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

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

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

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


/* 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; }
}


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

.title-large     { font-size:8vw; }
.title-small     { font-size:2vw; }
.title-verysmall { font-size:1.6vw; }
.reduceopacity   { opacity: 0.5; }


/* 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%)}