/*-----404/500-error-page-----*/

#error-banner{
    background-color: #2e1c46;
    color: #fff;
}

#error-banner .cmp-text{
    padding:0;
}

#error-banner-text .error-banner-content{
    width: 85%;
    padding: 22px 0 15px 0;
    display:flex;
    max-width: 1150px;
    margin: 0 auto;
}

#error-banner-text .error-logo{
    flex-shrink:0;
}

#error-banner-text .error-logo img{
    vertical-align:middle;
}

#error-banner-text .error-content{
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    align-self: center;
}

#error-banner-text .error-head{
    font-size: 30px;
    line-height: 34px;
    margin-top: -10px;
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    margin-bottom: 0;
}

#error-body-bg{
    background-color:#e0e0e0;
}

#error-body-text{
    width: 85%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 25px 0;
}

#error-body-text .error-content{
    font-size:14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    color: #333;
    margin: 0 0 10px;
}

#error-body-text .error-body-content a{    
    color: #2e1c46;
    text-decoration: underline;
}


@media(min-width:992px){
#error-banner-text .error-banner-content{
    width: 90%;
    padding: 30px 0;
}

#error-banner-text .error-content{
    margin-left: 40px;
}

#error-banner-text .error-head{
    font-size: 35px; 
    line-height:1.42857143;
    margin-top:-17px;
}

#error-body-text{
    width: 90%;
    
}
}


@media(min-width:1200px){
#error-banner-text .error-banner-content{
    width: 100%;
}

#error-body-text{
    width: 100%;
}
}