/*

Title font
font-family: 'Yeseva One', cursive;  

Normal Text
// font-family: 'PT Sans', sans-serif;
font-family: 'Roboto', sans-serif;

HandWrite
font-family: 'Dancing Script', cursive;

*/

html,body {

    margin:0px;
/*    font-family: 'PT Sans', sans-serif;*/
/*    font-family: 'Roboto', sans-serif; */

/*font-family: 'Alegreya Sans', sans-serif;*/

    font-family: 'Quicksand', sans-serif;
    background: #F5ECE3;
}




/* ------- MENU -------------------------------------------------------------- */

/* common */
.mainMenu {
    background: #FFFFFF;
    text-align:center;
}

/* mobile */
@media all and (max-width:949px) {
    .mainMenu {
        width: 100%;
    }
}

/* desktop */
@media all and (min-width:950px) {
    .mainMenu {
        width: 350px;
        min-height: 100vh;
        float:left;
    }
}

.mainMenu_title {
    font-family: 'Yeseva One', cursive; 
    font-size:52px;
    color: #707070;
    padding-top:40px;
}

.mainMenu_subtitle {
    font-family: 'Dancing Script', cursive;
    font-size:24px;
    color: #707070;
    padding-top:0px;
}

.mainMenu_title_splitter {
    border:0px;
    height:1px;
    width:250px;
    color: #707070;
    background-color: #707070;
}

@media all and (max-width:949px) {
    .mainMenuPlate {
        display:none;
    }
}

.mainMenuPlate {
    padding-top: 50px;
    padding-bottom:20px;
}

.mainMenuPlate a {
    text-decoration: none;
}

.mainMenu_item {
    padding: 8px 10px;
    color: #707070;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size:24px;
}

.mainMenu_item:hover {
    background-color: #F5ECE3;
    color: #000000;
}

.mainMenu_hamburgerMenu {
    position:absolute;
    color:#707070;
}
@media all and (min-width:950px) {
    .mainMenu_hamburgerMenu {
        display:none;
    }
}
@media all and (min-width:500px) and (max-width:949px) {
    .mainMenu_hamburgerMenu {
        left:30px;top:65px;
        font-size:38px;
    }
}
@media all and  (max-width:499px) {
    .mainMenu_hamburgerMenu {
        left:20px;top:145px;
        font-size:32px;
    }
}

.footerCreator {
    position:fixed;bottom:5px;width:350px;
}
@media all and (max-width:949px) {
    .footerCreator {
        display:none;
    }
}
@media all and (max-height:380px) {
    .footerCreator {
        display:none;
    }
}


/* ------------------------------------------------------------------------------------------------------------------------- */
/* common */
.mainPlate {
    position: relative;
}


/* mobile */
/* desktop */
@media all and (min-width:950px) {
    .mainPlate {
        margin-left:350px;
    }
}

@media all and (min-width:800px) {
    .mainPlateFrame {
        padding:40px 100px;
    }
}
@media all and (max-width:799px) {
    .mainPlateFrame {
        padding:40px 40px;
    }
}

.mainPage_title {
    /* font-family: 'Yeseva One', cursive; */

    font-family: 'Quicksand', sans-serif;
    font-weight: 600;

    font-size:52px;
    color: #000000;
}

.mainPage_subtitle {
/*    font-family: 'Dancing Script', cursive; */

        font-family: 'Quicksand', sans-serif;

    color: #707070;
    padding-top:0px;
}

@media all and (min-width:1200px) {
    .mainPage_title {
        font-size:52px;
    }
    .mainPage_subtitle {
        font-size:20px;
    }
}
@media all and (min-width:800px) and (max-width:1199px) {
    .mainPage_title {
        font-size:44px;
    }
    .mainPage_subtitle {
        font-size:16px;
    }
}
@media all and (max-width:799px) {
    .mainPage_title {
        font-size:34px;
    }
    .mainPage_subtitle {
        font-size:16px;
    }
}



.mainPage_title_splitter {
    border:0px;
    height:1px;
    color: #000000;
    background-color: #000000;
    margin-left: 0px;
}


/* ------------------------------------------------------------------------------------------------------------------------- */

.article {
    font-size:24px;
    color: #707070;
    text-align: justify;
}

.article h1 {
    margin-top: 0px;

/*    font-family: 'Yeseva One', cursive;  */
     font-family: 'Quicksand', sans-serif;
    font-weight: 600;


    color: #000000;
    margin-bottom: 15px;
/*    font-weight: normal;*/
}
@media all and (min-width:1200px) {
    .article h1 {
        font-size:52px;
    }
}
@media all and (min-width:800px) and (max-width:1199px) {
    .article h1 {
        font-size:44px;
    }
}
@media all and (max-width:799px) {
    .article h1 {
        font-size:34px;
    }
}




.article hr {
    border:0px;
    height:1px;
    color: #707070;
    background-color: #707070;
    margin-left: 0px;
    margin-bottom:45px;
}
@media all and (min-width:950px) {
    .article hr {
        width:400px;
    }
}
@media all and (max-width:949px) {
    .article hr {
        width:150px;
    }
}

.article p {
    text-indent: 60px;
}
@media all and (min-width:950px) {
    .article p {
        font-size: 24px;
    }
    .article li {
        font-size: 24px;
    }
}
@media all and (max-width:949px) {
    .article p {
        font-size: 18px;
    }
    .article li {
        font-size: 18px;
    }
}

.article p a {
    color: #707070;
}