iframez {
  width: 50vw;
  min-height: 1000px;
}

body {
font-family: 'Roboto', sans-serif;
background-image: url("images/TieDye.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.freebirdFormviewerViewFormContentWrapper{
  width:auto;
}
a {
  text-decoration: none;
}

#rsvp-button{
  width: 20em;
  height: 5em;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  background-color: white;
  line-height: 5em;
  color: black;
}

#rsvp-button:hover{
  background-image: url("https://media3.giphy.com/media/l4hLyOGRJWNSR8QQ8/giphy.gif?cid=790b76115d1df49755796b594966c656&rid=giphy.gif");
  background-size: cover;
  color: black;
}

h1, h2, h3{
  font-family:'Parisienne', cursive;
}

h3{}



.lobby {
  height: 100px;
  background-image: url("images/lobby.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 100%;
}

.lobby:hover {
  transform: rotate(5deg);
}

.pic{
  height: 40vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.stuff {
  text-align: center;
  width: 40vw;
  margin: 0 auto;
}

.pics{
  width: 30vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  z-index: -1;
}

.left{
  left: 0;
  top: 0;
  position: fixed;
}

.onleft{
  margin-right: 1em;
  margin-left: 2em;
}

.onright{
  margin-right: 2em;
  margin-left: 1em;
}

.right{
  right: 0;
  top: 0;
  position: fixed;
  height: 100%;
}

.info {
  text-align: center;
  background: white;
  padding: 2em 0;
  margin-top: 2em;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 2em;
  border-radius: 6px;
}

#c {
  width: 100vw;
  height: 100vh;
  z-index: -1;
  position: fixed;
}

body .canvas-container {
  position: fixed!important;
  z-index: -1;
}

@media(max-width:1000px){
	.stuff  {
		width: 60vw;
	}

	.pics {
		width: 50vw;
	}

	.pics.right {
		right: -10%;
	}
	.left {
		left: -10%;
	}
}

.pic.onleft.top {
  background-image: url(images/IMG_1062.jpg);
}


@media(max-width:480px){
	.stuff {
		width: 80vw;
	}
	.pics {
	  /*display:none;*/
	}
    iframe {
    width: 80vw;
  }

  #rsvp-button{
    width: auto;
  }
}