body {

    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    height: 100%;

}



.hero-image {

    background-image: url("./SL_logoepayoff_orange.png"); /* The image used */

    background-color: white; /* Used if the image is unavailable */

    height: 50%;

    background-position: center 0%; /* Center the image */

    background-repeat: no-repeat; /* Do not repeat the image */

    background-size: auto 100%;

    

}



.hero-text {

    text-align: center;

    position: absolute;

    top: 65%;

    left: 50%;

    transform: translate(-50%, -50%);

    color:rgb(206, 108, 17);

}

.hero-text h1 {
    font-size:50px;
}



.social {

    margin-top: 40px;

}



.social a {

    margin: 0px 10px

}

@media only screen and (max-width: 800px) {

    .hero-image {
        background-size: auto 70%;
    }

    .social a img {
        width: 32px;
        height: auto;
        
    }

    .hero-text h1 {
        font-size:30px;
    }


    @media only screen and (max-width: 450px) {
        .social a img {
            width: 20px;
            height: auto;
            
        }
    }
    
  }

  #footer {
    position: fixed;
    height: 50px;
    bottom: 0px;
    left: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    width: 100%;
    text-align: center;
}