@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Courgette|Raleway');

body {
    margin:0;
    background-color: #F2F2F2;
    color:#26040A;
    font-family: 'Raleway', sans-serif;
}

header {
    background-color:#26040A;
    margin:0;
    padding-bottom: 1vw;
}

header > div.images > img {
    margin:0;
    width:100vw;
}

header > p#greeting {
    color:#F2F2F2;
    font-family: 'Courgette', cursive;
    font-size:1.5em;
    float:right;
    margin-right:2vw;
}

header > nav > ul > li {
    float:left;
}

header > nav > ul > li > a {
    margin:1vw;
    color:#F2F2F2;
    text-decoration: none;
    font-family: 'Courgette', cursive;
    font-size:1.5em;
}

header > nav::after{
    content: "";
    clear: both;
    display: table;
}

header > nav > div > p {
    font-family:'Courgette', cursive;
    color:white;
    font-size:1em;
}

h1 {
    font-family: 'Courgette', cursive;
    font-size:2em;
    color:#731728;
    text-align: center;   
}

table {
    border-collapse: collapse;
    margin:auto;
    margin-top:4vw;
    margin-bottom:4vw;
    width:75%;

}

table:last-of-type {
    margin-bottom:10vw;
}

table > thead tr th {
    background-color: #731728;
    color:#F2F2F2;
}

th, td {
    padding:1vw;
}

th {
  color:#26040A;
  font-family: "Courgette", cursive;
  font-size:1.5em;
}

.realign {
    text-align: right;
}

.sanSerif {
    font-family:'Raleway', sans-serif;
    font-size:1em
}

.Line {
    background-color: #26040A;
    color:#F2F2F2;
}

div#imagesLeft::before {
    content: "";
    clear: both;
    display: table;
}

div#imagesLeft img{
    width:33.33%;
    float:right;
    margin:0;
}

div#imagesLeft:after {
    content: "";
    clear: both;
    display: table;   
}

div.imagesRight::before {
    content: "";
    clear: both;
    display: table;
}

div.imagesRight img{
    width:33.33%;
    float:right;
    margin:0;
}

div.imagesRight:after {
    content: "";
    clear: both;
    display: table;   
}

.hide {
    opacity:0;
}

img {
transition:opacity 2s;
}

button {
    background-color: #731728;
    color:#F2F2F2;
    margin:1vw;
    margin-left:0.5vw;
    margin-right:0.5vw;
    padding:1vw;
    font-family:"Raleway", sans-serif;
    font-size:1em;
    border: none;
}

.selected {
    background-color:#26040A;
    color:#F2F2F2
}

.display {
    display:none;
}

address {
    background-color:#26040A;
    color:#F2F2F2;
    margin:0;
    width:100vw;
    position: fixed;
    bottom:0;
    right:0;
}

address > button {
    background-color: #26040A;
    border: solid 1px #F2F2F2;
    color:#F2F2F2;
    margin: 1vw 45vw;    
}

/* Responsive */

@media only screen and (max-width: 650px) {
  table {
    width: 90%;
    margin: 1em auto;
  }
}