body {
	margin:0;
	padding:0;
	font-family:Lato, sans-serif;
	font-size:11pt;
	line-height:1.6;
	color:#000;
}

a {
	color:#000;
	outline:none;
}

#main {
	z-index:0;
	overflow:hidden;
}

.img-res {
	max-width:100%;
	height:auto;
}

img.center {
	display:block;
	margin:1.5rem auto;
}

.center {
	text-align:center;
}

.pad-y {
	padding-top:30px;
	padding-bottom:30px;
}

.p404 {
	font-size:3rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
	padding:100px 48px;
}

.p404 h1 {
	color:#c10b0b;
}

.p404 h1,
.p404 p {
	margin:10px 0;
	line-height:1;
}

.header {
	padding:90px 0;
}

.header h1 {
	font-size:45pt;
	letter-spacing:2px;
    line-height:1;
	font-weight:300;
	margin:0;
}

.header h1 a {
	text-decoration:none;
	font-weight:600;
	color:#000;
}

.header p {
	font-size:18pt;
	margin:30px 0 0;
}

.content {
    max-width:1184px;
	padding:0 48px;
	margin:0 auto;
}

.content h2 {
	font-size: 19pt;
    line-height: 1.4;
	font-weight:400;
}

.content p {
	margin:1.5rem 0;
}

.content .tbl-contents li ul,
.content .tbl-contents {
	padding:0;
}

.content .tbl-contents li {
	list-style:none;
	padding-left:20px;
	margin-top:15px;
}

@media (max-width:1024px) {
	body {
		padding-top:65px;
	}
	
	.p404 {
		font-size:1rem;
	}
	
	.content {
		padding:0 20px;
	}
	
	.iframe-wrap {
		position:relative;
		overflow:hidden;
		width:100%;
		padding-top:56.25%;
	}

	.iframe-res {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		height:100%;
	}
}