/* thanks.css
==================================================================== */


/* basics
-------------------------------------------- */

#page-thanks #main { min-width: 1110px; }


@media only screen and ( max-width : 680px )
{
    #page-thanks #main { min-width: 320px; }
}



/* content middle
-------------------------------------------- */

.content-middle { background-color: #141414; min-height: 500px; padding: 150px 0 250px 0; }

.content-middle .content-header { margin-bottom: 91px; text-align: center; }
.content-middle .content-header .title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 66px; line-height: 66px; color: #fff; margin-bottom: 20px; text-transform: uppercase; }
.content-middle .content-header .stitle { font-family: 'Montserrat', sans-serif; font-size: 39px; line-height: 40px; letter-spacing: 2px; color: #e45d5d; margin-bottom: 20px; text-transform: uppercase; max-width: 450px; margin: auto auto 30px auto; }
.content-middle .content-header .line { width: 129px; height: 4px; background-color: #fff; margin: auto; }

.content-middle .content-body { font-size: 18px; text-align: center; max-width: 856px; margin: auto; }
.content-middle .content-body .line1 { color: #fff; font-size: 24px; margin-bottom: 70px; }
.content-middle .content-body .line2 { color: #d05757; font-size: 20px; margin-bottom: 80px; text-transform: uppercase; letter-spacing: 1px; }
.content-middle .content-body .btn-white { border: 4px solid #fff; width: 190px; margin: auto; display: block; text-align: center; color: #fff; text-transform: uppercase; padding: 16px; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; }
.content-middle .content-body .btn-white:hover { background-color: rgba(255,255,255,0.2); }

@media only screen and ( max-width : 680px )
{
    .content-middle { padding-top: 60px; padding-bottom: 60px; }

    .content-middle .content-header { margin-bottom: 40px; }

    .content-middle .content-header .title { font-size: 30px; line-height: 30px; }
    .content-middle .content-header .stitle { font-size: 18px; line-height: 22px; }
    .content-middle .content-body .line1 { font-size: 14px; }
    .content-middle .content-body .line2 { font-size: 14px; margin-bottom: 30px; }

    .content-middle .content-header .line { height: 3px; width: 110px; }

    .content-middle .content-body .btn-white { font-size: 16px; padding: 10px; }
}