@media screen and (min-width: 600px) {
    h1 {
        color: #333333;
        font-size: 28px;
        font-weight: bold;
        display: block;
        vertical-align: middle;
        text-align: left;
        width: 1000px;
        margin: 0px auto 10px;
        padding: 60px 70px 0px;
        position: relative;
        line-height: 1.2;
    }
    h1:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: url(img/logo.png) no-repeat;
        width: 70px;
        height: 63px;
        position: absolute;
        left: 0;
        top: 50%;
    }
}

@media screen and (max-width: 599px) {
    h1  {
       color: #333333;
       font-size: 18px;
       font-weight: bold;
	   display: flex;
	   align-items: center;
       text-align: left;
       width: 100%;
       padding: 40px 65px 10px 10px;
   }
   h1:before {
       content: '';
       display: block;
       vertical-align: middle;
       background-image: url(img/logo.png);
       background-size: contain;
       background-repeat: no-repeat;
	   width: 40px;
	   height: 43px;
       min-width: 40px;
	   margin-right: 10px;
   }
}

#index {
    padding: 0;
}