/* Set height to 100% for body and html to enable the background image to cover the whole page: */
body, html {
    height: 100%;
    overflow: hidden;
  

        /** avoid scroll */
        overflow: hidden;
        background: url("/assets/images/background.jpg") no-repeat center fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        height: 100vh;
   
}

.bgimg {
   

 
    height: 100%;
  
    background-position: center;
  
    background-size: cover;

    position: relative;
    
    color: white;
 
    font-family: "GothamPro-Bold" !important;
    font-weight: normal;

    
}


.logo {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

p.info{
    background-color: white;
    text-align: center;
    position: center;
    cursor: pointer;
    color:black;
    width: 80%;
    height: 40px;
    padding: 10px;
    border-radius: 5px;
    margin-left: 5%;
    font-size: 20px;
    font-weight: lighter;
}

.info{
  
    padding:5px;
    cursor: pointer;
    color:black;
    font-size: 20px;
  

}

.info *{
    cursor: pointer;
    text-decoration: none;
    color:black;
    
    width:50px;

}

.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


div p.message{
    color: white;
    font-family: "GothamPro-Bold" !important;
    font-weight: normal;
    font-size:70px;
    padding:0;
    margin-bottom: 0;
}