#logosjustein, #logolooter
{
    width: 30%;
    height: auto;
    border: 2px solid rgb(50, 220, 170);
    border-radius: 100%; 
}

h2
{
    font-size: 45px;
    color: white;
}

h1
{
    font-size: 50px;
    color: white;
}

h2 > a > img
{
    margin-left: 10px;
    margin-right: 10px;
    width: 125px;
}

#logosjustein
{
    float: left;
}

#logolooter
{
    float: right;
}

#logos > div
{
    position: relative;
}

#logos > div > a > div
{
    position: absolute;
    margin-top: 9%;
    width: 30%;
    opacity: 0;

    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

#logos > div > a > div > p
{
    font-size: 20px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#logos > div > a > img
{
        transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

#logos > div:hover img
{
    filter: blur(2px);
    -webkit-filter: blur(2px);
}


#logos > div:hover div
{
    opacity: 1;
}

#logos
{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

#looter > a > div
{
    margin-left: 70%;
    float: right;
}