@media only screen and (max-width: 350px){
.headerContent .logo .headerContent .logoAndSiteName .logo {
    max-width: 300px;
}

}
@media only screen and (min-width: 1200px){
.headerContent .logo .headerContent .logoAndSiteName .logo {
    max-width: 500px;
}

}
@media only screen and (min-width: 600px){
.headerContent .logo .headerContent .logoAndSiteName .logo {
    max-width: 500px;
}

.headerContainer h1.logo {
    min-width: 400px;
    max-width: 300px;
}
}