.background__img {
    background:url('../images/background.jpg');
    height:570px;
    width:100%;
    position: relative;
}
.background__img2 {
    background:url('../images/my.jpg');
    height:570px;
    width:100%;
    position: relative;
}
.background__filter {
    background:rgba(0,0,0,0.8);
    height:570px;
    width:100%;
    position: absolute;
    top:0;
}
.background__text {
    position: relative;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
}
.background__text h2,.background__text h3, .background__text p {
    color:#fff;
}
.background__text h2 {
    font-size:60px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.background__text h3 {
    font-size:30px;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding:20px 0 10px 0;
}
.background__paragraph {
    margin:15px 0;
}
.background__paragraph p{
    margin-bottom:5px;
}
.background__btn {
    margin:40px 0;
}
.background__go-down {
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    bottom:-50px;
} 
.background__go-down img{
    position: relative;
    -webkit-animation-name: arrow_bounce;
    animation-name: arrow_bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    left: initial;
    transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    -moz-transform: initial;
    -webkit-transform: initial;
}
@keyframes arrow_bounce {
    from {
        top: .5rem
    }

    to {
        top: -.5rem;
    }
}

@media (max-width:1200px) {
    .background__text h2 {
        font-size: 36px;
    }
}

@media (max-width:768px) {
    .background__text h2 {
        font-size: 24px;
    }
    .background__text h3 {
        font-size: 19px;
    }
 }