.tf-error {
    background-color: #ffffff;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.tf-error .box {
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tf-error .box .box__inner {
    border:5px solid #008488;
    padding:40px;
}

.tf-error .box h1 {
    font-size:30px;
    /*color:#fff;*/
    margin-top:40px;
    margin-bottom:20px;
}

.tf-error .box p {
    font-family: 'Open Sans', sans-serif;
    /*color:#fff;*/
}

.tf-error .box p a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.tf-error .box p a:hover {
    color:#008488;
}

.error__logo_title p {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 0.8rem;
}

.error__logo_subtitle p {
    font-size: 1.8rem;
    line-height: 1.4444444444444444;
    color: #008488;
}

@media (min-width:768px) {
    .tf-error .box {
        width:70%;
        height:50%;
    }
}

@media (min-width:992px) {
    .tf-error .box {
        width:50%;
        height:65%;
    }
    .error__logo_title p {
        font-size:2.6rem;
    }
}

@media (min-width:1300px) {
    .tf-error .box {
        width:50%;
        height:56%;
    }
}

@media (min-width:1534px) {
    .tf-error .box {
        width:50%;
        height:50%;
    }
}