.modal a.close-modal {
	background-image: url("../img/modal-close.png");
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	display: table;
	font-family: 'Cabin';
}

#global {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 1rem;
	overflow-x: hidden;
}

.container {
  margin: 0 auto;
	max-width: 1100px;
}

.vcard {
	box-shadow: #dedede 0px 0px 10px;
	padding: 2rem 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.red {
	color: #BE0A27;
}

.grey {
	color: #707173;
}

.bold {
	font-weight: bold;
}

.smaller {
	font-size: 75%!important;
}

.even-smaller {
	font-size: 50%!important;
}

.center {
	display: block;
	width: 75%;
	margin: 2rem auto;
}

.box {
	background-color: #BE0A27;
	width: 50%;
	border-radius: 15px;
	padding: 1rem;
	margin: 2rem auto;
	color: #fff;
	display: block;
	font-size: 80%;
}

a.box {
	text-decoration: none;
	border: 5px #faa solid;
	transition: background-color 1s;
	font-size: 100%;
}

a.box:link {
	color: #fff;
	background-color: #BE0A27;
}

a.box:visited {
	color: #fff;
	background-color: #BE0A27;
}

a.box:focus {
	color: #fff;
	background-color: #EE3A47;
}

a.box:hover {
	color: #fff;
	background-color: #EE3A47;
}

a.box:active {
	color: #fff;
	background-color: #EE3A47;
}

a {
	color: inherit;
}

address {
  font-style: normal;
}

#header {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4em;
}

#header img {
  width: 100%;
	height: auto;
}

#main {
	text-align: center;
	padding: 0;
	font-size: 2.5rem;
	width: 100%;
	color: #333;
}

#main h1 {
  font-size: 1.25rem;
}

#main h2 {
	font-size: 1.25rem;
}

#main p {
	margin: .5rem;
}

#main ul {
	font-size: 100%;
	text-align: left;
	display: inline-block;
	margin-left: 4%;
}

#main ul li {
	line-height: 1.25em;
}

#icons {
	width: 80%;
	max-width: 866px;
	margin: 2rem 0 3rem 0;
}

#footer {
	margin: 3rem auto 0 auto;
	position: relative;
	text-align: center;
}

#footer nav ul {
	margin: 0;
	padding: 0;
}

#footer nav li {
	display: inline;
	padding: 1rem;
}

img {
	border: 0;
}

h1 {
	text-transform: uppercase;
}

/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../font/Cabin.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../font/Cabin.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../font/Cabin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}