/* Header */

#header #menu-lessons li:nth-child(1) a {
  background-image: url(../../lesson-1/assets/images/background.jpg);
}

#header #menu-lessons li:nth-child(2) a {
  background-image: url(../../lesson-2/assets/images/background.jpg);
}

#header #menu-lessons li:nth-child(3) a {
  background-image: url(../../lesson-3/assets/images/background.jpg);
}

#header #menu-lessons li:nth-child(4) a {
  background-image: url(../../lesson-4/assets/images/background.jpg);
}

#header #menu-lessons li:nth-child(5) a {
  background-image: url(../../lesson-5/assets/images/background.jpg);
}

#header #close:focus,
#header #close:hover,
#header #close:active {
  background-color: #6565ee;
}

@media (min-width: 850px) and (min-height: 785px) {

  #header {
    background-image: url(../assets/images/header-background.png);
  }

}

/* Main */

main > header h2 {
  text-transform: uppercase;
  font-family: 'Cinzel', serif;
}

main > header a:focus,
main > header a:hover,
main > header a:active {
  background-color: #6565ee;
}