/*!
Theme Name: Neutral Zone
Author: Pencil Park
*/

@font-face{font-family:"FS Albert";src:url("../neutral-zone/fonts/FSAlbertWeb-Regular.woff2") format("woff2"),url("../neutral-zone/fonts/FSAlbertWeb-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-variant:normal}@font-face{font-family:"FS Albert";src:url("../neutral-zone/fonts/FSAlbertWeb-Light.woff2") format("woff2"),url("../neutral-zone/fonts/FSAlbertWeb-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-variant:normal}@font-face{font-family:"FS Albert";src:url("../neutral-zone/fonts/FSAlbertWeb-Bold.woff2") format("woff2"),url("../neutral-zone/fonts/FSAlbertWeb-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-variant:normal}@font-face{font-family:"FS Albert";src:url("../neutral-zone/fonts/FSAlbertWeb-ExtraBold.woff2") format("woff2"),url("../neutral-zone/fonts/FSAlbertWeb-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-variant:normal}

body,
button,
input,
select,
optgroup,
textarea {
	color: rgb(6, 10, 61);
	font-family:"FS Albert",sans-serif;font-weight:100;
}

h1,
h2,
h3,
h4,
h5,
h6 {clear: both}

h1 {color:#060A3D;font-family:"FS Albert",sans-serif;font-weight:300}

.content-block {display:flex}

.content-block .left-image img {width:100%;height:auto;border-radius:6px}

.content-block .left-image {text-align: center;float:left}

.content-block .right-text {float:left}

body {margin: 0}

	#Top-Container	{width:100%; background-color:#FFF;border-bottom:1px solid #d8d8d7;position:fixed;top:32px;z-index:999}
	#Top			{margin: 0 auto}
    #Top-Logo		{margin:0; float:left; width:auto}
	.logo			{}
    #Top-Menu		{margin:20px 20px 0 20px; float:right; width:auto;}
	.menu			{font-weight:300}
    ul.menu		    {display:flex; text-decoration:none;width:auto}
    .menu li  		    {list-style-type:none}
    .menu li a			{color:#fff;margin-left:6px;padding:6px 14px;text-decoration:none;background:#000; border-radius:4px}
    .menu li a:hover	{color:#fff;margin-left:6px;background:rgba(0, 0, 0, 0.7);transition:0.3s}
    .menul i a:visited	{color:#fff;margin-left:6px;}

	.width-std		{height:auto;margin:0 auto;float:none!important;background:#FFF}

.site-footer {width:100%;height:auto;display:inline-block}

#Copyright {margin:0 auto;width:auto;height:auto;padding:20px;color:#FFF;background-color:#060A3D;display:flex}

@media screen and (min-width: 320px) {
	body 			{margin-top: 40px}
	#Top-Container	{height:40px}
	#Top			{height:40px; width:320px;}
	.logo			{width:auto; height:20px;margin:10px}
	.menu			{font-size:10px}
	.menu-top-menu-container {display:none}
	.width-std		{width:320px!important}
	h1              {font-size:24px;padding:10px;margin:0}
	p               {font-size:13px;margin:10px 0}
	.left-image 	{width: 300px; height: auto; padding:10px}
	.right-text 	{width: 300px; height: auto; padding:10px}
	}

@media screen and (min-width: 840px) {
	body 			{margin-top: 60px}
	#Top-Container	{height:60px}
	#Top			{height:60px; width:840px;}
	.logo			{width:auto; height:20px;margin:20px}
	.menu			{font-size:14px}
	.menu-top-menu-container {display:flex}
	.width-std		{width:840px!important}
	h1              {font-size:28px;padding:20px;margin:0}
	p               {font-size:14px;margin:10px 0}
	.left-image 	{width: 240px; height: auto; padding:20px}
	.right-text 	{width: 500px; height: auto; padding:30px}
	}

@media screen and (min-width: 1024px) {
	body 			{margin-top: 80px}
	#Top-Container	{height:80px}
	#Top			{height:80px; width:1024px;}
	.logo			{width:auto; height:40px;margin:20px 20px 0 20px}
	.menu			{font-size:15px}
	.menu-top-menu-container {display:flex}
	.width-std		{width:1024px!important}
	h1              {font-size:32px;padding:20px;margin:0}
	p               {font-size:16px;margin:10px 0}
	.left-image 	{width: 302px; height: auto; padding:20px}
	.right-text 	{width: 622px; height: auto; padding:30px}
	}

@media screen and (min-width: 1440px) {
	body 			{margin-top: 80px}
	#Top-Container	{height:80px}
	#Top			{height:80px; width:1440px;}
	.logo			{width:auto; height:40px;margin:20px 20px 0 20px}
	.menu			{font-size:16px}
	.menu-top-menu-container {display:flex}
	.width-std		{width:1440px!important}
	h1              {font-size:32px;padding:30px;margin:0}
	p               {font-size:16px;margin:10px 0}
	.left-image 	{width: 440px; height: auto; padding:20px}
	.right-text 	{width: 900px; height: auto; padding:30px}
	}