@extends('errors.master')

@section('title', 'Server Error')
@push('styles')
<style>
    #footer{margin-top:0;}
    @media(min-width:992px){
        #about {padding: 0px 81px 80px 350px;}
    }
    @media(max-width:767px){
        #about img{width:100% !important;}
    }
</style>
@endpush
@section('content')

    <h1 class="font-weight-boldest text-dark-75" style="font-size: 10rem">{{__('500') }}</h1>
    <h4 class="font-weight-boldest text-dark-75" style="font-size: 3rem;">{{__('SERVER ERROR') }}</h4>
    <p class="font-size-h3 text-muted font-weight-normal">{{__('Internal server error. Please try again later.') }}</p>
    <div class="w-200px">
        <a href="{{ url('/') }}" class="btn btn-dark  p-5">{{__('Go To Home') }} <i class="ml-3 fa fa-arrow-right"></i></a>
    </div>

@endsection