html,body{
    height:100%;
    background-image: url("images/bgimage_small_70.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x:hidden;
    overflow-y:hidden;
}



.center {
    float: right;
    position:relative;
    left:-50%;
    top:20%;
  }

.center > .logo {
    position: relative;
    left:50%;
}

.logo{
    position: relative;
}

img{
width: 50vh;
animation-name:fadeIn;
animation-duration: 4s;
opacity:1;}


@keyframes fadeIn {
    0% { opacity: 0; }

    50%{opacity:0;}

    100% { opacity: 1; }
  }

  p { font-size: 2.5vw; }

  .text{
    font-family: "Degular";
    font-weight: bold;
    line-height:90%;
    text-align:center;
    margin-top: -3vh;
    animation-name:fadeInText;
    animation-duration: 7s;
    opacity:1;

  }

  @keyframes fadeInText {
    0% { opacity: 0; }

    50%{opacity:0;}

    100% { opacity: 1; }
  }


  
  @media (max-width: 1000px) {
    p { font-size: 4.5vw; }

    .center {    float: right;
        position:relative;
        left:-51%;
        top:20%;
      }
    
    .center > .logo {
        position: relative;
        left:49%;
    }

    img{
        width: 45vh;}
  }

  @media (max-width: 600px) {

    .center {    float: right;
        position:relative;
        left:-55%;
        top:20%;
      }
    
    .center > .logo {
        position: relative;
        left:50%;
    }

    p { font-size: 6vw; }

    img{
        width: 40vh;}

}