*{
    overflow:hidden;
}

h2{
    font-family: 'Oswald', sans-serif;
    transform:rotate(-90deg);
    font-size: 2.5vh;
    color:white;
    position:absolute;
    top:14vh;
    right:85px;
    display:block;
    transform-origin: 100% 0;
    font-weight:300;
    letter-spacing:1px;
}

h1{
    font-family: 'Oswald', sans-serif;
    font-size:3em;
    letter-spacing:5px;
    font-weight:300;
    color:white;
    position:absolute;
    top:40%;
    left:60%;
}

.bold-title{
    font-weight:700;
}

body{
    background-color: #C7C7C7;
    background-image: url(Vectorlogo\ wodne.svg);
    background-size:  auto;
    background-repeat: no-repeat;
}

.logo-red {
    position:absolute;
    bottom:0;
    left:0;
    height:60vh;
}

.logo-small {
    position:absolute;
    top:40px;
    right:40px;
    height:50px;
}

.vertical-line {
    height:100vh;
    position:absolute;
    top:0;
    left:55vw;;
}

@media screen and (min-width: 481px) and (max-width: 960px) { 
    .vertical-line{
        display:none;
    }

    h1{
        top:10%;
        left:10%;
    }

    h2{
        top:30%;
       
        display:none;    }
}