/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2020 Colophon Foundry
 *
 * Licenced to Minkyeong Lee Contrast
 */
 
 @font-face {
    font-family: 'basis-grotesque-regular';
    src: url('../../asset/font/basis-grotesque-regular.eot');
    src: url('../../asset/font/basis-grotesque-regular.eot?#iefix') format('embedded-opentype'),
         url('../../asset/font/basis-grotesque-regular.woff2') format('woff2'),
         url('../../asset/font/basis-grotesque-regular.woff') format('woff'),
         url('../../asset/font/basis-grotesque-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dia-Black';
    src: url('../../asset/font/Dia-Black.eot');
    src: url('../../asset/font/Dia-Black.woff') format('woff'),
         url('../../asset/font/Dia-Black.woff2') format('woff2'),
         url('../../asset/font/Dia-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}
* {
    -webkit-font-smoothing: antialiased;
}
body {
    margin: 0;
}
a {
    font-family: 'basis-grotesque-regular';
    text-decoration: none;
    color: #000000;
    line-height: 21px;
}
figure {
    margin: 0;
}
button {
    font-family: 'basis-grotesque-regular';
    border: none;
    cursor: pointer;
}
h1 {
    font-family: 'basis-grotesque-regular';
	font-size: 40px;
	color: #000000;
	letter-spacing: -0.5px;
    line-height: 45px;
    margin: 0;
    font-weight: normal;
}
h2, p, span {
    font-family: 'basis-grotesque-regular';
	font-size: 16px;
	line-height: 21px;
    color: #000000;
    margin: 0;
    font-weight: normal;
}
h3 {
    font-family: 'basis-grotesque-regular';
    font-size: 25px;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 30px;
    font-weight: normal;
}
h4 {
    font-family: 'Dia-Black';
	font-size: 16px;
	line-height: 21px;
    color: #000000;
    margin: 0;
    font-weight: normal;
}
ul {
    list-style: none;
}
.wrapper { 
    width: 100%;
}
.container { 
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

/* custom adnimation */
.delay-500ms {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@media (max-width: 1024px) {
    h1 {
        font-size: 36px;
        line-height: 42px;
    }
}