/* Reset */
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;
}

.scroll {-webkit-overflow-scrolling:touch}

@import url('https://fonts.googleapis.com/css?family=Overpass+Mono:300,400,600,700');
@font-face {font-family: 'InnterFont'; src: url(../fonts/font.otf);}

body {
    background: white;
    font-family: 'Cormorant', serif;
    font-size: 22px;
    font-style: italic;
    color: black;
    text-align: center;
    padding: 10vh auto;
}

.close {
    position: fixed;
    right: 1.5vw;
    text-align: center;
    top: 1.5vw;
}

.close:hover { 
    opacity: 0.5;
    -webkit-transition: .35s ease-in-out all;
}

.closeimg {
    width: 5vw;
}

p {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

h2 {
    font-family: 'InnterFont', serif;
    font-style: normal;
}

h3 {
    font-family: 'InnterFont', serif;
    font-style: normal
    font-size:24px;
    font-style: normal;
}

.video {
    width: 100%;
    max-width: 560px;
}


@media screen and (max-width: 640px) {
body {font-size:4.5vw;}
}