body {
    max-width: 1920px;
    background-color: #f4f1e9;
}

.container-1280 {
    width: 100%;
    max-width: 1280px;
    padding: 0 55px;
    margin: 0 auto;
}

main .content{
    width: 100%;
    max-width: 1569px;
    padding: 0px 167px 464px;
    margin: 0px auto;
}
@media (max-width: 1250px) {
    main .content{
        padding: 0px 0px 245px;
    }
}
@media (max-width: 710px) {
    main .content{
        padding: 0px 10px 245px;
    }
}
@media (max-width: 648px) {
    main .content{
        padding: 0px 20px 138px;
    }
}


main h1 {
    padding-top: 276px;
    margin-bottom: 90px;
    font-size: 50px;
    font-family: 'Comic Neue', Times, serif;
    font-weight: bold;
    letter-spacing: 5px;
}

@media (max-width: 1250px) {
    main h1 {
       padding-top: 120px;
       margin-bottom: 45px;
    }
}

@media (max-width: 648px) {
    main h1 {
        font-size: 24px;
    }
}

main .content .video{
    position: relative;
}
@media (max-width: 1250px) {
    main .content .video{
        width: 645px;
        height: 365px;
        margin: 0px auto;
    }
}
@media (max-width: 710px) {
    main .content .video{
        width: 605px;
        height: 325px;
    }
}
@media (max-width: 648px) {
    main .content .video{
        width: 100%;
        height: 195px;
    }
}

main .content .video video{
    width: 100%;
}
@media (max-width: 1250px) {
    main .content .video video{
    height: 100%;
    }
}

main .content .video .button{
    width: 80px;
    height: 80px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    cursor: pointer;
}
@media (max-width: 1250px) {
    main .content .video .button{
    width: 100px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    }
}

main .content .video .button img{
    width: 100%;
    height: 100%;
}