:root {

    --main-color-blue: rgb(0, 128, 186);

}

/*
START - MAIN LAYOUT ORIENTED STUFF
*/

html {
    box-sizing: border-box;
}

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


body {

    position: relative;
    margin: 0 auto;
    padding: 0px;
    font-size: 100%;
    color: #1b1b1b;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;

    min-height: 100vh;

    border-top: 12px solid #2B2620;

    color: #333;
}

/*
#555957
#2B2620
*/
.gradient {
    background-image: linear-gradient(180deg,
            hsl(150deg 2% 34%) 0%,
            hsl(143deg 2% 33%) 6%,
            hsl(135deg 2% 31%) 13%,
            hsl(124deg 2% 30%) 19%,
            hsl(112deg 3% 29%) 26%,
            hsl(101deg 3% 27%) 32%,
            hsl(90deg 4% 26%) 39%,
            hsl(81deg 4% 24%) 46%,
            hsl(72deg 5% 23%) 52%,
            hsl(64deg 5% 22%) 59%,
            hsl(56deg 6% 20%) 66%,
            hsl(49deg 8% 19%) 73%,
            hsl(44deg 9% 18%) 79%,
            hsl(40deg 11% 17%) 86%,
            hsl(36deg 13% 16%) 93%,
            hsl(33deg 15% 15%) 100%);
}

.kaisei-harunoumi-regular {
    font-family: "Kaisei HarunoUmi", serif;
    font-weight: 400;
    font-style: normal;
}




h1,
h2 {
    margin: 0 auto;
    padding: 0;
    font-size: 1.1em;
}

h3,
h4,
h5 {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1.3em;
}


p {
    margin: 0 0 0.6em 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.3em;

}

ul,
ol {
    font-size: 1.0em;
    line-height: 1.3em;
}

ul ul,
ol ol,
ul ol,
ol ul {
    font-size: 100%;
}

dl {
    font-size: 1.0em;
    line-height: 1.3em;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
    color: #000;
}





img {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}


.fullWidth {
    margin-right: auto;
    margin-left: auto;
}


body>header {

    padding: 1.0em 2.0em;
    padding-top: 0.6em;
    font-family: "Kaisei HarunoUmi", serif;
    font-weight: 400;
    font-style: normal;

    color: #fff;
    max-width: 900px;
    
}


body>header a,
body>footer a {
    text-decoration: none;
    color: #fff;
}


body>header h1 {
    margin-bottom: 0.1em;
    font-size: 1.7em;
}


body>header h4 {
    font-size: 0.9em;
    font-weight: normal;
}


body>header .menu {
    margin: 0;
    padding: 0;
}

body>header .menu .phone {
    display: block;
    margin: 0.5em auto 0 auto;
    padding: 0;

    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
}





body>section {
    margin: 0 2.0em;
    padding: 1.0em;


    border: 0;
    background-color: #efefef;

    -webkit-box-shadow: 8px 8px 0px 0px rgba(108, 112, 110, 1);
    -moz-box-shadow: 8px 8px 0px 0px rgba(108, 112, 110, 1);
    box-shadow: 8px 8px 0px 0px rgba(108, 112, 110, 1);


}





body>footer {
    margin-top: 0;
    margin-bottom: 1.30em;

    padding: 1.0em 2.0em;

    font-family: "Kaisei HarunoUmi", serif;
    font-weight: 400;
    font-style: normal;

    text-align: center;

    color: #fff;

}

body>footer nav {
    margin: 1.5em 0 2.5em 0;
    padding: 0;
}


body>footer ul {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    list-style-type: none;
}



footer .footer-copyright {
    margin: 0 auto 0 auto;
    padding: 0;
    max-width: 90%;
    font-size: 0.8em;
}

footer p {
    font-size: 0.8em;
}



#homePage .primary p {

    margin-bottom: 1.7em;

    line-height: 1.6em;
}





#homePage .secondary .pfp {
    margin: 0 auto;
    max-width: 300px;
}

#homePage .secondary .pfp figure {
    margin: 0 auto;

}

#homePage .secondary .pfp figure img {
    -webkit-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 1);
    box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 1);
}

#homePage .secondary .pfp figcaption {
    margin: 0 auto;
    padding: 15px 0 0 10px;
    text-align: right;
    color: #333;
}




.formDiv {
    margin: 0 auto;
    padding: 2.0em 2.0em;

    
}

.formDiv .sj-form{
    margin: 0 auto;
    padding: 20px;
    max-width: 450px;

    background-color: #efefef;

    -webkit-box-shadow: 8px 8px 0px 0px rgba(108, 112, 110, 1);
    -moz-box-shadow: 8px 8px 0px 0px rgba(108, 112, 110, 1);
    box-shadow: 8px 8px 0px 0px rgba(108, 112, 110, 1);

}


.formDiv>div h4 {
    margin: 0 auto 1.0em 0;
    padding: 0;

    font-size: 1.2em;

}

html .formDiv .rendered-form.formbuilder-embedded-bootstrap .btn{
    border: 0;
    background-color: #555957;
    color: #fff;
}





@media screen and (min-width: 910px) {

    body>header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -moz-box-wrap: nowrap;
        -webkit-box-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flexbox-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        justify-content: space-between;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        
        padding: 1.0em 0;
    }

    body>header .menu .phone {
        margin: 0 auto;
    }


    #homePage {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -moz-box-wrap: nowrap;
        -webkit-box-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flexbox-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        justify-content: space-between;

        align-items: flex-start;


        margin: 0 auto;
        padding: 0;
        background-color: transparent;

        max-width: 900px;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;


    }

    
    #homePage .primary {
        -webkit-box-flex: 0 1 60%;
        -moz-box-flex: 0 1 60%;
        -webkit-flex: 0 1 60%;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;

        padding: 2.0em 4.0em;

        background-color: #efefef;

        -webkit-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        -moz-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);

    }


    #homePage .primary p {

        font-size: 1.0em;

    }


    #homePage .secondary {

        -webkit-box-flex: 0 1 35%;
        -moz-box-flex: 0 1 35%;
        -webkit-flex: 0 1 35%;
        -ms-flex: 0 1 35%;
        flex: 0 1 35%;


        background-color: transparent;
    }


    #homePage .secondary .pfp figure img {
        -webkit-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        -moz-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        
    }

    #homePage .secondary .pfp figcaption {
        color: #6b6b6b;
    }


    .formDiv{
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        
        margin: 1.5em  auto;
        padding: 0;
        background-color: transparent;

        max-width: 900px;

    }

    .formDiv .sj-form{
        -webkit-box-flex: 0 1 60%;
        -moz-box-flex: 0 1 60%;
        -webkit-flex: 0 1 60%;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;

        margin: 0;
        padding: 2.0em 4.0em;

        max-width: inherit;

        -webkit-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        -moz-box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
        box-shadow: 8px 8px 0px 0px rgba(221, 221, 221, 0.2);
    }


}