/*

 * ------------------------------------------------------------------------

 * JA Autoshop Template

 * ------------------------------------------------------------------------

 * Copyright (C) 2018-2019 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

 * @license - Copyrighted Commercial Software

 * Author: J.O.O.M Solutions Co., Ltd

 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com

 * This file may not be redistributed in whole or significant part.

 * ------------------------------------------------------------------------

*/



* {

	box-sizing: border-box;

		-webkit-box-sizing: border-box;

}



body {

	background-color: #fafafa;

  	color: #303030;

	display: block;

	font-family: 'Chivo', Helvetica, Arial, sans-serif;

	font-size: 14px;

	line-height: 1.7857143;

	margin: 0;

	min-height: 100vh;

	padding: 0;

}



/* Page container */

.page-container {

	left: 50%;

	margin: 0 auto;

	position: absolute;

	text-align: center;

	top: 50%;

	transform: translate(-50%,-50%);

		-webkit-transform: translate(-50%,-50%);

}



/* Eror Code */

.error-code {

	display: block;

	font-family: 'Barlow', Helvetica, Arial, sans-serif;

	font-size: 320px;

	font-weight: 600;

	line-height: 1;

	margin-bottom: 32px;

}



.wrap-text .error-message h2 {

	font-family: 'Barlow', Helvetica, Arial, sans-serif;

	font-size: 48px;

	font-weight: 600;

	line-height: 1;

	margin: 0 0 24px 0;

	position: relative;

}



.wrap-text .error-message > p {

	display: block;

	margin: 32px 0;

	line-height: 1;

}



/* Button Home */

.btn-home-page {

	background-color: #ffa428;

	color: #fff;

	display: inline-block;

	font-weight: 600;

	font-family: 'Barlow', Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	transition: all 0.4s ease;

		-webkit-transition: all 0.4s ease;

	padding: 16px 32px;

	line-height: 1.3;

}



.btn-home-page:hover,

.btn-home-page:focus,

.btn-home-page:active {

	background-color: #f58e01;

}



/*Mobiel view*/

@media screen and (max-width: 767px) {

	.error-code {

	  font-size: 185px;

	}



	.wrap-text .error-message h2 {

	  font-size: 36px;

	}

}