@import 'general/album.css';
@import 'general/button.css';
@import 'general/body.css';
@import 'general/contact.css';
@import 'general/curtain.css';
@import 'general/flash.css';
@import 'general/footer.css';
@import 'general/form.css';
@import 'general/header.css';
@import 'general/logo.css';
@import 'general/main.css';
@import 'general/menu.css';
@import 'general/menu-button.css';
@import 'general/menu-item.css';
@import 'general/partners.css';
@import 'general/partneritems.css';
@import 'general/photo.css';
@import 'general/pill.css';
@import 'general/practical.css';
@import 'general/row.css';
@import 'general/story.css';
@import 'general/tile.css';
@import 'general/utilities.css';
@import 'general/webpage.css';

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html,
body {
    height: 100%;
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden; 
}

body {
    background: url('/img/keyvisual.jpg') no-repeat center center fixed;
    background-size: cover;
    color: rgba(240, 238, 226, 1);
    font-family: 'Josefin Sans', sans-serif;
    font-size: 62.5%;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
}

/* MEDIA QUERIES
   ========================================================================== */

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}
    
@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    
}