@import url("https://fonts.googleapis.com/css?family=Roboto+Slab");
body {
  font-family: 'Roboto Slab';
  background: url("glasgowbackground.jpg") no-repeat center center fixed;
  background-size: cover;
    margin: 20%;
}

.header {
  position: fixed;
  top: 1.5rem;
  right: 0;
  left: 3rem;
  line-height: 1;
  background: rgba(255, 255, 255, 0.95);
}
.header:before {
  position: absolute;
  top: 100%;
  left: .5rem;
  width: 100%;
  height: .5rem;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: skew(60deg);
          transform: skew(60deg);
  content: "";
}

.header-logo {
  display: inline-block;
  margin: .5rem 1rem;
  padding: .75rem;
  font-size: 2rem;
  text-decoration: none;
  color: #B71C1C;
}

.header-nav {
  display: inline-block;
  margin-right: 2rem;
  margin-left: 2rem;
  float: right;
}
.header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-nav > ul > li {
  position: relative;
  display: inline-block;
  float: left;
}
.header-nav > ul > li > a {
  position: relative;
  display: block;
  padding: 1.5rem;
  font-size: 1.5rem;
  text-decoration: none;
  color: #607D8B;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.header-nav > ul > li > a:before {
  position: absolute;
  top: 100%;
  left: .5rem;
  width: 100%;
  height: .5rem;
  -webkit-transform: skew(60deg);
          transform: skew(60deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  content: "";
}
.header-nav > ul > li > ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 1rem;
  min-width: 100%;
  margin-top: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background: #B71C1C;
}
.header-nav > ul > li > ul > li > a {
  display: block;
  padding: .5rem 1.25rem;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.header-nav > ul > li > ul > li > a:hover {
  color: #ffffff;
  background: #8b1515;
}
.header-nav > ul > li > ul:before {
  position: absolute;
  top: -.5rem;
  left: -.5rem;
  width: 100%;
  height: .5rem;
  background: #751212;
  -webkit-transform: skew(60deg);
          transform: skew(60deg);
  content: "";
}
.header-nav > ul > li:hover > a {
  color: #ffffff;
  background: #B71C1C;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.header-nav > ul > li:hover > a:before {
  background: #751212;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.header-nav > ul > li:hover > ul {
  display: block;
}

            h1 {
                background-color: whitesmoke;
                border: 4px solid black;
                padding: 20px;
                text-align: center;
                font-family:inherit;
                font-size: 80px
                color:black;
                
                
            }
h2 {
    background-color: whitesmoke;
    border: 4px solid black;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-family:inherit;
    font-size: 20px;
    color:black;
    width: 640px;
}

table {
    border: 4px solid black;
    border-collapse: separate;
    background-color: whitesmoke;
    font: inherit;
}

th, td {
    border: 2px solid black;
    padding: .2em .7em;
    text-align: left;
}

ol{
    background-color: whitesmoke;
    padding: 20px;
    border: 3px solid black;
    font-family:inherit;
    color: black;
}
main>ul{
        background-color: whitesmoke;
    padding: 20px;
    border: 3px solid black;
    font-family:inherit;
    color: black;
}

p{
                background-color: whitesmoke;
                padding: 40px;
                border: 4px solid black;
                font-family: inherit;
                color:black;
            }
            footer {
                
                text-align: center;
                padding-top: 15px;
                
            }
            img{
                image-orientation: center;
                padding-top: 1px;
                border: 4px solid black;
            }
            
            .center {
                display: block;
                margin-left: auto;
                margin-right: auto;
              
            }
            
            #specialfoot{
                background-color: brown;
            }