@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i');

/*
	File:			errors.css
	Author:			Brian Seward
	Created:		8-3-2009
	Description:	Basic styling for WS error pages, though /of course/ no one will ever see them.
*/


.error-container { width: 744px; margin: 20px auto; padding: 60px 0 52px 0; text-align: center; border: 2px solid #CCCCCC; background: #FFFFFF; }
.error-container img { display: block; margin: 0 auto; padding-bottom: 35px; }
.error-container p { font-size: 17px; line-height: 26px; color: #2D2D2D; font-weight: 300; }
.error-container a { color: #E81818; text-decoration: none; font-weight: normal; }
.error-container a:hover { text-decoration: underline; }

/* Error Styles */

body {
	font: 14px Muli, Arial, Helvetica, Verdana, Geneva, sans-serif, Helvetica, Arial, sans-serif;
	margin: 10% auto 0;
	width: 600px;
	color: #2D2D2D
}

a {
	color: #2D2D2D;
}

.header img {
	display: block;
	margin: 0 auto;
}

h1 {
	font: normal 26px Muli, Arial, Helvetica, Verdana, Geneva, sans-serif, Helvetica, Arial, sans-serif;
	margin: 20px 0 10px;
}

/* Sorry IE */
.header {
	width: 600px;
	text-align: center;
}
.header h1 {
	font: normal 24px Muli, Arial, Helvetica, Verdana, Geneva, sans-serif, Helvetica, Arial, sans-serif;
	margin: 20px 0 10px;
}
.header p {
	font: normal 16px Muli, Arial, Helvetica, Verdana, Geneva, sans-serif, Helvetica, Arial, sans-serif;
	padding-top: 1rem;
	margin: 0;
}
.browsers {
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
	padding: 2rem 0;
}
.item {
	text-align: center;
}
.item a {
	text-decoration: none;
}
.item p {
	padding-top: 1rem;
	margin: 0;
}
.item img {
	width: 100px;
}
.cta {
	text-align: center;
	padding-bottom: 50px;
}
.cta a.button {
	text-decoration: none;
    display: block;
    width: 24rem;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
    border: 0.0625rem solid #2d2d2d;
    border-radius: 0;
    background: #ffffff;
    color: #2d2d2d;
    padding: 0.5rem;
}
.cta a.button:hover, .cta a.button:focus {
    background: #ffffff;
    color: #535353;
    border-color: #535353;
}