/* Fonts
 * *********************************** */

@font-face {
	font-family: "Courier New";
	font-style: normal;
	font-weight: normal;
	src: local("../fonts/Courier New"), url("../fonts/Cour.woff") format("woff");
}

@font-face {
	font-family: "Tw Cen MT";
	font-style: normal;
	font-weight: normal;
	src: local("../fonts/Tw Cen MT"), url("../fonts/Tw Cen MT.woff") format("woff");
}

@font-face {
	font-family: "Drugs";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/Drugs.ttf.woff") format("woff"), url("../fonts/Drugs.ttf.svg#Drugs") format("svg"), url("../fonts/Drugs.ttf.eot"), url("../fonts/Drugs.ttf.eot?#iefix") format("embedded-opentype");
}

@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}

@font-face {
	font-family: "Yu Gothic M";
	font-weight: bold;
	src: local("Yu Gothic Bold");
}

/* Common
 * *********************************** */

h1 {
	font-family: "Drugs", "Century Gothic", "CenturyGothic", "Avenir", Verdana, "Avenir Next", AppleGothic, sans-serif;
	font-size: 20px;
}

h2 {
	font-family: "Drugs", "Century Gothic", "CenturyGothic", "Avenir", Verdana, "Avenir Next", AppleGothic, sans-serif;
	font-size: 18px;
}

p {
	font-family: "Courier New", Courier, Monaco, Consolas, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif;
	font-size: 14px;
}

.header-title {
	font-family: "Tw Cen MT", "Avenir", Verdana, "Avenir Next", "Century Gothic", "CenturyGothic", AppleGothic, sans-serif;
	font-size: 12px;
}

.copyright {
	font-family: "Courier New", Courier, Monaco, Consolas, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif;
	font-size: 12px;
}

img {
	width: 100%;
}

.wrapper {
	height: 90vh;
	margin: 5vh auto;
	max-width: 1200px;
	width: 100%;
}

/* fotter
 * *********************************** */

fotter {
	float: left;
	margin: 120px 0;
	width: 100%;
}

fotter .copyright {
	float: left;
	margin: 14px 0;
	width: 40%;
}

fotter .insta {
	display: inline;
	width: 60%;
}

fotter .insta a {
	display: table;
	height: 25px;
	margin: 0 40% 0 60%;
	overflow: hidden;
	text-align: center;
	width: 25px;
}

fotter .insta a img {
	height: 25px;
	width: 25px;
}

/* header
 * *********************************** */

header {
	float: left;
	max-width: 300px;
	width: 100%;
}

header h1 {
	width: 300px;
}

header h2 {
	margin: 60px 0;
}

header .icon {
	display: inline-block;
	height: 34px;
	margin: 40px 0 0 60px;
	width: 33px;
}