/*
Media Queries
 */

@media (max-width: 375px) { 
/* Kompaktes Layout */ 
.whoim img.logo{
    width: 200px;
}

div.container {
    width: 300px;
}

h1.text-uppercase.color-dark.name {
    font-size: 1.5em;
}

}

@media (min-width: 376px) and (max-width: 568px) { 
/* Kompaktes Layout */ 
.whoim img.logo{
    width: 300px;
}

div.container {
    width: 400px;
}

h1.text-uppercase.color-dark.name {
    font-size: 1.8em;
}

}


@media (min-width: 569px) and (max-width: 800px) { 
/* Kompaktes Layout */ 
.whoim img.logo{
    width: 300px;
}

h1.text-uppercase.color-dark.name {
    font-size: 2em;
}

}