/* ==========================
   RESET
========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:#ffffff;

    font-family:Arial, Helvetica, sans-serif;

    display:flex;
    justify-content:center;
    align-items:flex-start;

}

/* ==========================
   DOCUMENT
========================== */

.document{

    width:100%;
    max-width:900px;

    background:#fff;

}

/* ==========================
   ALL PAGES
========================== */

.page{

    width:100%;

    min-height:100vh;

    background:#fff;

    border-left:3px solid #000;
    border-right:3px solid #000;

    position:relative;

    overflow:hidden;

}

/* top border */

.page:first-child{

    border-top:3px solid #000;

}

/* bottom border */

.page:last-child{

    border-bottom:3px solid #000;

}

/* ==========================
   FIRST PAGE
========================== */

.first-page{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:60px;

}

.content{

    width:100%;

}

.content h1{

    text-align:center;

    font-size:42px;

    margin-bottom:60px;

}

.info{

    font-size:24px;

    line-height:2.3;

}

.info p{

    margin-bottom:8px;

}

/* ==========================
   IMAGE PAGES
========================== */

.image-page{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:0;

    background:#fff;

}

.image-page img{

    width:100%;

    height:auto;

    display:block;

    object-fit:contain;

    vertical-align:top;

}

/* ==========================
   TABLET
========================== */

@media (max-width:900px){

.document{

    max-width:100%;

}

.first-page{

    padding:40px;

}

.content h1{

    font-size:34px;

}

.info{

    font-size:20px;

    line-height:2;

}

}

/* ==========================
   MOBILE
========================== */

@media (max-width:600px){

.page{

    min-height:auto;

}

.first-page{

    padding:25px;

}

.content h1{

    font-size:26px;

    margin-bottom:30px;

}

.info{

    font-size:16px;

    line-height:1.9;

}

}