.main .headre{
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
}
.main .headre h1{
    color: white;
}
.middle{
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.ahref:hover .image{
    opacity: 0.3;
}
.ahref:hover .middle{
    opacity: 1;
}
.middle .text{
    font-size: 20px;
    color: #000;
}
.middle .line{
    text-decoration: underline;
    color: #000;
}
.image{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
body{
    overflow-x: hidden;
}