.logo {
    font-size: 0px;
    padding-left: 5px;
}

.logo__logo {
    min-height: 100%;
    min-width: 370px;
    height: 98px;
    margin: 10px;
    display: inline-block;
    /*background-image: url(../../img/logo.png);*/
	background-image: url(../../img/logo1.png), url(../../img/logo2.png);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
	transition: all ease .6s;
}

.logo__logo:hover {
	background-position: 0 100%,0 -15px
}

.logo__title {
    font-family: 'Didot LT Std';
    font-size: 40px;
    padding-top: 11px;
    margin: 0px;
    padding-left: 37px;
    font-weight: lighter;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.logo__title a {
    color: #fff;
    text-decoration: none;
}

.logo__title a:hover {
    color: #fff;
    text-decoration: none;
}
@media (max-width: 1500px) {
  .logo__title {
     padding-left: 10px;
  }
}
@media (max-width: 1024px) {
    .logo__wrap {
        height: 90px;
    }
    .logo__title {
        font-size: 25px;
        padding-left: 10px;
    }
}

@media (max-width: 768px) {
    .logo {
        padding-bottom: 20px;    
    }

    .logo__wrap {
        height: 50px;
        margin: auto;
        margin-top: 10px;       
    }
    .logo__logo {
        width: 80%;
        height: auto;
        margin: auto;
        background-position-x: 0;
    }
    .logo__title {
        font-size: 12px;
        padding-left: 5px;
    }
    .logo__logo:hover {
			background-position: 0 100%,0 -5px
		}

}