body {
    font-size: 1.1em
}

.text-right {
    text-align: right;
}

.wrapper.style3:before {
    opacity: 1;
}

.wrapper.style3 header p {
    color: #efefef !important;
    font-size: 1.2em;
}


.wrapper.style3 #menunav > div p {
    color: #343434;
    font-size: 1.2em;
}

.wrapper.style3 #menunav > div h3 {
    color: #343434;
    font-size: 1.6em;
}

.wrapper.style3 #menunav > div li a {
    color: #454545 !important;
    font-size: 1.6em;
}

.wrapper.style3 #menunav > div li a:hover {
    background-color: rgba(211, 211, 211, 0.33)
}


.navItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    background-clip: border-box;
    border-radius: 4px;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}


#sect1 section::before {
    background-color: rgba(163, 0, 204, 0.42);
}

#navItem1:hover {
    background-color: rgba(163, 0, 204, 0.40);
}

#sect1 section#section1 {
    background-image: url(../../images/reiki.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


#sect2 section::before {

    background-color: rgba(0, 53, 80, 0.3);
}

#navItem2:hover {

    background-color: rgba(72, 190, 250, 0.40);
}

#sect2 section#section2 {
    background-image: url(../../images/water-lily-1287416.jpg);
    background-position: right bottom;
}

#sect3 section::before {

    background-color: rgba(46, 100, 0, 0.23);
}

#navItem3:hover {

    background-color: rgba(0, 255, 40, 0.35);
}

#sect3 section#section3 {
    background-image: url(../../images/butterfly-404731_1920.jpg);
    background-position: 0;
    background-repeat: no-repeat;
}

#navItem4:hover {

    background-color: rgba(255, 236, 4, 0.4);
}

#sect4 section::before {

    background-color: rgba(63, 61, 22, 0.24);
}

#sect4 section#section4 {
    background-image: url(../../images/sunset-2980849_1920.jpg);
    background-position: middle;
}

#navItem5:hover {

    background-color: rgb(255, 159, 199);
}

#sect5 section::before {

    background-color: rgba(0, 0, 0, 0.56);
}


#sect5 section#section5 a {
    text-decoration: none;
    font-size: 1.15em;
    color: white;
    display: inline-block;
    width: 20%;
    margin: 10px 5%;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;

}

#sect5 section#section5 a:hover {
    color: #e07bff;
    -webkit-transform: scale(1.25);
    transform: scale(1.15);
}

#sect5 section#section5 {
    background-image: url(../../images/planet-2143098.jpg);
}

#navItem6:hover {

    background-color: rgba(255, 255, 255, 0.4);
}

section .inner header p {
    color: #222222 !important;
    font-weight: 400;
}

section#two::before {
    background-color: rgba(211, 211, 211, 0.65);
}

section#two {
    background-image: url(../../images/flora-1839558.jpg)
}

.listSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.listSection > li {
    list-style: none;
}

.listSection > li:nth-child(1) {
    -webkit-box-flex: 5;
    -ms-flex: 5 1 300px;
    flex: 5 1 300px;
    text-align: justify;
}

.listSection > li:nth-child(1) li {
    color: #333;
}

.listSection > li:nth-child(2) {
    -webkit-box-flex: 3;
    -ms-flex: 3 1 250px;
    flex: 3 1 250px;
    text-align: center;
}

.listSection > li:nth-child(3) {
    -webkit-box-flex: 2;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
}

.listSection > li img {
    max-width: 200px;
    width: 100%;
    height: auto;
}

section .inner p {
    color: #333333;
}



section#banner {
    background: url(../../images/water-lily-1287416.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    ;
}

section#banner::before {
    background-color: transparent;
}


section#banner .inner {
    position: relative;
    bottom: 23%;

}

section#banner img {
    position: absolute;
    height: 80%;

    left: 0;
    bottom: -60px;

}

#footer {
    padding: 40px 0 0;
    margin: 0;
    word-wrap: normal;
}

footer img {
    border-radius: 8px;
    height: 450px;
}

footer section > * {
    display: inline-block;
}

footer section div {
    padding-top: 30px;
    font-size: 1.8em;
    vertical-align: top;
}

cite {
    font-style: italic;
    font-weight: lighter;
    font-size: 0.9em;

}

cite::before {
    content: '"';
}

cite::after {
    content: '"';
}

@media screen and (max-width: 736px) {

    #footer {
        margin: auto;
        font-size: 70%;
        max-width: 96%;
    }