/*!
 * Start Bootstrap - Grayscale v4.0.0-beta (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
body {
  font-family: 'Lora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgb(238, 238, 238);}

html {
  width: 99%;
  height: 90%; }

#invite {
  display: block;
  padding-top:700px;
}
#invite img {
    
    margin: auto;
    width: 100%; 
    height:80%;
}

#cf {
    position:relative;
    height:300px;
    width:100%;
    margin:0 auto;
}
  
#cf img {
    position:absolute;
    left:0;
    width:100%;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
}
  
#cf img.top:hover {
    opacity:0;
}

p {
  margin-top: 4em;
  margin-bottom: 1em;
  margin-left: 35em;
  background-color: rgb(238, 238, 238);
}