body { 
	margin: 0;
	padding: 0;
}

.background {
	background-color: #000000;
        /*background: url(../img/background.jpg);*/
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        width: 100vw;
        height: 100vh;
        position: fixed;
        background-position: center center;
        background-repeat: no-repeat;
    }

.logoSection{
	width: 100%;
    height: 100vh;
    position: relative;
    /*border: 1px solid #000000;*/
    float:left;
}

.section{
	width: 100%;
    height: 100vh;
    position: relative;
    /*border: 1px solid #000000;*/
    float:left;
}

.innerSection{
  width: 95%;
  height: 65%;
  background: url(../img/invited.jpg);
  
  position: fixed;
        background-position: center center;
        background-repeat: no-repeat;
  
  /*background-color:rgba(0,0,0,0.6);*/
  /*position: absolute;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*border: 1px solid #FFFFFF;*/
}

.innerSectionhq{
  width: 95%;
  height: 65%;
  /*background: url(../img/invited.jpg);*/
  
  position: fixed;
        background-position: center center;
        background-repeat: no-repeat;
  
  /*background-color:rgba(0,0,0,0.6);*/
  /*position: absolute;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*border: 1px solid #FFFFFF;*/
}

.sectionContent{
  
  font-family: 'contentFont';  /*  to be defined     */
  color: white;
  position: absolute;
  /*border: 1px solid #FFFFFF;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a:link {
    color: transparent;
    background-color: transparent;
    text-decoration: none;
}


#logo{
  
  
  font-family: 'logoFont';    /*  to be defined     */
  font-size: 5vh;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}