@font-face {
    font-family: poppins;
    src: url(./fonts/Poppins/Poppins-Light.ttf);
}


:root{

    --dark: #d31717;
    --lantern-yellow: #f0a63c;
    --monk-orange:  #d88c3a;
    --light: rgb(255, 247, 235);
    --x: x_of_title;
}

* {
    box-sizing: border-box;
  }


html{
    background-color: var(--lantern-yellow);
    scroll-behavior: smooth;
    overflow-x: hidden;

}



/* NAVBAR */
#navbar {
    overflow: hidden;
    background-color: transparent;
    padding: 0 0 0 0;
    transition: 0.4s;
    position: fixed;
    width: 100vw;
    z-index: 98;

    transform: translateY(-2vh);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;

    transition: all 0.1s ease;
}

#navbar a{
    text-align: center;
    line-height:0;
    text-decoration: none;
    font-size: 1.1vw;
    font-family: poppins;
    font-weight: 100;
    font-style: normal;
    color: #ffffff;

    transition: all 0.25s ease;
}

#navbar a:hover{
    transition: all ease-in-out 300ms;
    cursor: pointer;
    color: rgb(176, 27, 27);
}

#navbar{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 0.5vw;
    padding-bottom: 3.2vh;
}

#logo{
    position: fixed;
    transform: translate(-45.8vw, 0);
    margin-inline: 3.8vw;
}

#navbar #logo {
    transition: all 0.4s ease;
    color: white;
    font-family: "ivypresto-display", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.3vw;
    white-space: nowrap;
    margin-top: -0.4vw;
}

#mob-logo{display: none;}
#second{
    position: fixed;
    transform: translate(-5vw, 3.7vh);

}

#navbar #logo-space{
    color: transparent;
    font-family: "ivypresto-display", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2vw;
    margin-top: -0.4vw;

}


#link{
    margin-inline: 3.8vw;
}
#link1{
    margin-inline: 3.8vw;
    display: flex;
    flex-flow: column nowrap;
    padding-top: 3.8vh;
}
#link1 p{
    font-size: 0.85vw;
    padding-top: 1vh;
    color: yellow;
}

#link2, #link3, #link4, #link5{
    margin-inline: 3.8vw;
}

#link4-1{
    margin-inline: 0.1vw;
}

#link5{
    font-size: 1.25vw;
    white-space: nowrap;
    background-color: rgb(219, 123, 41);
    padding: 0.5vw;

}

#link5:hover{
    background-color: rgba(253, 234, 26, 0.412);
    transition: all 1.5s ease-in-out;
}






/*DROPDOWN SERVICES MENU*/
.dropdown-content {
    text-align: center;
    line-height:0;
    text-decoration: none;
    font-size: 1.1vw;
    font-family: poppins;
    font-weight: 100;
    font-style: normal;
    color: #ffffff;

    transition: opacity 0.5s ease;

    display: block;
    opacity: 0;
    position: fixed;

    transform: translate(26vw, 5.2vh);
    z-index: 99;

    font-size: 1.1vw;
    color: rgb(255, 255, 255);

    height:10.2vh;

    padding-inline: 0.3vw;

    background-color: var(--monk-orange);
}

#for-you{
    transform: translate(-0.25vw);
}

.dropdown-content span{
    display: flex;
    flex-flow: column nowrap;
    height: 10vh;
    color: #ffffff;
}

.dropdown-content #public-dropdown{
    height: 1.8vh;
    text-align: left;
    text-decoration: none;
    color: #ffffff;
    transform: translateY(1.6vh);
}

.dropdown-content #org-dropdown{
    transform: translateY(3.3vh);
    text-align: left;
    text-decoration: none;
    color: #ffffff;
}
.dropdown-content #public-dropdown:hover{
    transition: all ease-in-out 300ms;
    cursor: pointer;

    color: rgb(176, 27, 27);
}

.dropdown-content #org-dropdown:hover{
    transition: all ease-in-out 300ms;
    cursor: pointer;

    color: rgb(176, 27, 27);
}

.dropdown-content #sunday-dropdown{
    transform: translateY(6.4vh);
    text-align: left;
    text-decoration: none;
    color: #ffffff;
}


.dropdown-content #sunday-dropdown:hover{
    transition: all ease-in-out 300ms;
    cursor: pointer;

    color: rgb(176, 27, 27);
}


.dropdown:hover .dropdown-content {
    display: block;
}




/* SCROLL STYLING */
.navbar.small {
    background-image: url(./images/nav-background.png);
    background-position: 0vh -15vh;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 0vh;

    font-size: 0.85vw;

}

#mob-nav-header{
    display: none;

}












/*BODY*/

body{
    width: 100vw;

    margin: 0 0 0 0;


    font-size: 1vw;
    font-family: poppins;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
}















































/* FRONT PAGE */

.front-page{
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-flow: row nowrap;
}

.front-page .right-side img{
    display: none;
} 
.front-page .right-side{
    background-image: url(./images/original\ low\ res.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat: no-repeat;
    width: 50vw;
    height: 100vh;
}

.front-page .left-side{
    height: 100vh;
    width: 50vw;
    text-align: center;
}

button, .button{ /*button class also styles the button on the register form with the .button class*/
    cursor: pointer;
    background-color: #ad200051;
    border: none;
    border-radius: 200px;
    padding:  0.5vw;
    color: white;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style:normal;
    font-size: 1.2vw;
}

.button:hover, button:hover{
    background-color: rgba(253, 234, 26, 0.412);
    transition: all 1.75s ease-in-out;
}

.front-page .left-side h3{
    color: white;
    font-size: 3.5vw;
    font-family: ivypresto-display, serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    padding-top: 30vh;
    margin-bottom: 3vh;
}

.front-page .left-side h4{
    font-family: poppins;
    font-style: italic;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
    font-size: 1.25vw;
    padding-bottom: 7vh;
}

.front-page .left-side h5{
 margin-top: 12vh;
}

















/*SECOND PAGE*/

.second-page{
    width: 100vw;
    height: auto;
    display: flex;
    flex-flow: row nowrap;

    background-color: var(--monk-orange);
}

.second-page .left-side{
    width: 50vw;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

.second-page .right-side{
    width: 50vw;
    display:flex;
    flex-flow: column nowrap;
    align-items: center;

}


.second-page .right-side h3{
    color: white;
    font-size: 3.3vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;


    margin-top: 5vh;
    margin-bottom: 1.5vh;
}


.second-page .right-side p{
    color: white;
    font-family: poppins;
    font-weight: 0;
    font-size: 1.25vw;


    text-align: center;
    white-space: pre-wrap;

    padding-inline: 4vw;
    margin-top: 2vh;


    margin-bottom: 10vh;
}


.second-page #mob-h3{display: none;}

































/*PROFILE PAGE*/

.profile-page{
    width: 100vw;
    min-height: auto;
    display: flex;
    flex-flow: row nowrap;

}

.profile-page .right-side{
    width: 50vw;
    background-image: url(./images/ai-expand.jpg);
    background-position: -10vw -18vh;
    background-size: 135%;
    background-repeat: no-repeat;
}

.profile-page .left-side{
    width: 50vw;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

#mob-profile-pic{
    display: none;
}

.profile-page .left-side h3{
    color: white;
    font-size: 3.3vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    margin-bottom: 1vh;

}

.profile-page .left-side p{
    color: white;
    font-family: poppins;
    font-weight: 0;
    font-size: 1.25vw;

    text-align: center;
    white-space: pre-wrap;

    padding-inline: 3vw;
    margin-bottom: 6vh;

}











































/*FACES PAGE*/
.faces-page{
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-flow: row nowrap;
    background-color: var(--monk-orange);
}

.faces-page .left-side{
    width: 50vw;

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


}

.faces-page .left-side img{
    width: 50vw;
    margin-top: 3.8vh;
}

.faces-page .right-side{
    width: 50vw;
    color: white;
    font-family: poppins;
    font-weight: 100;
    font-size: 1.25vw;
    text-align: left;
    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}


.faces-page .right-side h3{
    color: white;
    font-size: 3.3vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;

    margin-top: 8vh;
    margin-bottom: 1.9vh;
}

.faces-page .right-side p{
    padding-inline: 2vw;
    white-space: pre-wrap;
    transform: translateY(-3.5vh);
    margin-top: 0vh;
    padding-top: 0vh;
}










/*TESTIMONIALS PAGE*/

.testimonials-page{
    background-color: #d0c7ab;
    width: 100vw;
    color: white;
    font-family: poppins;
    font-size: 1.25vw;
    text-align: center;



    padding-bottom: 0;
    margin-bottom: 0;

    display:flex;
    flex-flow: row nowrap;
    align-items: center;
}


/*TESTIMONIAL SLIDE STYLING */


.slide-content {
    padding-inline: 10vw;
    width: 90vw;
    overflow-x: hidden;
    overflow-y: hidden;
    height:45vh;
padding-top: 9vh;

    padding-bottom: 6vh;




}






.arrow {
    cursor: pointer;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

#arrow-left:hover{
    transition: all ease-in-out 1s;
    border-color: transparent #ffffff transparent transparent;
}
#arrow-right:hover{
    transition: all ease-in-out 1s;
    border-color: transparent transparent transparent #ffffff;
}

#arrow-left {
    border-width: 1.5vw 2vw 1.5vw 2vw;
    border-color: transparent #ffffff9b transparent transparent;
    position: relative;
    /* left: 0;
    top: 20vh; */
}

#arrow-right {
    border-width: 1.5vw 2vw 1.5vw 2vw;
    border-color: transparent transparent transparent #ffffff9b;
    position: relative;
    /* left: 95vw;
    bottom: 20vh; */
}








































/* MAP PAGE*/
.map{
    background-color: var(--monk-orange);
    height: auto;


}


#map-desktop-h3{

    display: block;
    text-align: center;
    color: white;
    font-size: 4.1vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    padding-top: 10vh;
    margin-bottom: 5vh;

    margin-top: 0;
}


#map-mob-h3{display: none;}

.map h4{
    color: white;
    font-family: poppins;
    font-weight: 100;
    font-size: 1.8vw;
    text-align: center;
    margin-bottom: 0;



}

.map p{
    color: white;
    font-family: poppins;
    font-weight: 100;
    font-size: 1.3vw;
    text-align: center;
    padding-inline: 5vw;
}

.map #button-span{
    padding-bottom: 7vh;
    display: flex;
    justify-content: center;
}



.map-container{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items: flex-start;


}

.map-row{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items:center;


}


.map img{
    width: 9vw;
    transform: translateY(3vh);
}

#house-icon img{
    width: 11vw;
}

#house-icon {

    transform: translate(-8.2vw, -3.5vh);
}

#house-icon p{
    padding-inline: 0;
    margin-inline: 0;
}

#house-icon h4{
    padding-inline: 0;
    margin-inline: 0;
}

.schedule-chat{
    cursor: pointer;
}


#map-people{
    transform: translateX(0);
}

#people-text{
    margin-inline: 10vw;
}

#map-1{
transform: translateX(8.5vw);}

























/*PRICES PAGE*/
.prices-page{
    width: 100vw;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    background-color: var(--lantern-yellow);
}

.prices-page .left-side{
    width: 50vw;
    background-image: url(./images/dog-578k.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.prices-page .right-side{
    width: 50vw;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.prices-page .right-side p{
    color: white;
    font-size: 2vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    text-align: center;

}

.prices-page .right-side ul{
    list-style-position: outside;
    padding-inline: 5vw;

    margin-top: 0;
}

.prices-page .right-side li{
    color: white;
    font-family: poppins;
    font-weight: 100;
    font-size: 1vw;
    text-align: left;
}

#list-style-tick {
  list-style-image: url(./images/tick.svg);
}


#tick-list{

    margin-top: -3vh;
    margin-bottom: 6vh;

}

#tick-list p{
font-size: 1.5vw;}

#normal-list{

    margin-top: 7vh;
}

























.register-mob{
    display: none;
}



.register{
    background-image: url(./images/register-brendan.JPG);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;

    color: white;
    font-size: 4vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    text-align: center;

    height: 100vh;
}





#register-row{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;

}

#register-row form{
    grid-column: 3/3;

    display: flex;
    flex-direction: column;
    align-items: center;

    transform: translate(1vw, -7vh);
    width: 25vw;
}


#register-row p{
    grid-column: 2/2;
    /* transform: translateX(-1vw);
    transform: translateY(1vw); */
    padding-inline: 2vw;

    color: white;
    font-family: poppins;
    font-weight: 0;
    font-size: 1.25vw;
    text-align: center;
    width: 35vw;
    white-space: pre-wrap;
}


label, input, textarea {
  margin-bottom: 10px;
    width:15vw;
    height: 4vh;
    border-radius: 5px;

}

.register textarea{
    width:25vw;
    height:17vh;
}

input[type="submit"] {
    width:8vw;
    height: 5vh;

    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-bottom:0;
}

label{
    color: white;
    font-family: poppins;
    font-size: 1.25vw;

    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-bottom:0;
}



#sendMessage{
    background-color: rgb(219, 123, 41);
}

#sendMessage:hover{
    background-color: rgba(209, 194, 23, 0.804);
    transition: all 1.75s ease-in-out;
}




#messageSent{
        color: rgb(225, 236, 171);
    font-family: poppins;
    font-size: 1.25vw;
    margin-top: 2.25vh;
}




#mob-register-h3{
    display: none;


}































/* FOOTER */
.desktop-footer{
    background-color: var(--monk-orange); 
    margin-top: 0;
    margin-bottom: 0;
}

.desktop-footer p{
    display: block;
    font-size: 1vw;
    font-family: poppins;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
    font-style: normal;
    margin: 0 0 0 0;
}

.mob-footer{display: none;}



.nav {
    display: none;}


#dog{
    display: none;
}







@media only screen and (max-width: 400px){
    #dropdown-mob-item a{

    font-size: 2.5rem !important;

    }

    #dropdown-mob-item2 a{

    font-size: 2rem !important;

    }
    #ebook-nav-mob a {
        font-size: 2.5rem !important;
    }
}




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


    #dropdown-mob-item2 a{

    font-size: 1.65rem !important;

    }

}


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


    #dropdown-mob-item2 a{

    font-size: 1.45rem !important;

    }
    #ebook-nav-mob a {
        font-size: 2rem !important;
    }
}


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


    #navbar {
        display: none;
    }

    #dropdown-content {
        display: none;
    }

    .menu-btn {
        display: block;
    }

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: ivypresto-display, serif;
    font-size: 62.5%;
    font-size: 10px;
}
/*-- Inspiration taken from abdo steif -->
/* --> https://codepen.io/abdosteif/pen/bRoyMb?editors=1100*/

/* Navbar section */

.nav {
    display: block;
    width: 100vw;
    height: 65px;
    position: fixed;
    line-height: 65px;
    text-align: center;
    z-index: 99;


}

.nav div.logo {
    width: auto;
    height: auto;
    inset: 0;
    margin: auto;
    /* margin-top: -3vh; */
}

.nav div.logo a {
    text-decoration: none;
    color: #fff;
    font-size: 2.9rem;
    white-space: nowrap;
}

.nav div.logo a:hover {
    color: rgb(176, 27, 27);
}

.nav div.main_list {
    height: 65px;
    float: right;

}

    .nav div.main_list ul {
        width: 100%;
        height: 100vh;

        display: flex;
        flex-flow: column nowrap;

        background-color: var(--monk-orange);

        list-style: none;
        white-space: nowrap;

        margin: 0;
        padding: 0;
    }

    .nav div.main_list ul li {
        width: auto;
        height: 9.5vh;

        text-align: right;

        padding: 0;
    }

    .nav div.main_list ul li a {
        width: 100%;

        font-size: 2.7rem;
        color: #fff;
        text-align: center;

        text-decoration: none;

        line-height: 65px;
        padding: 20px;
        font-size: 3.5rem;
    }

    #dropdown-mob-item a{
    padding-right: 5vw;
    font-size: 2.55rem;
    white-space: nowrap;
    }

    #dropdown-mob-item2 a{
    padding-right: 5vw;
    font-size: 2.25rem;
    white-space: nowrap;
  text-overflow: ellipsis;
    }

    #ebook-nav-mob a {
    font-size: 3.25rem;
    }

.nav div.main_list ul li a:hover {
    color: rgb(176, 27, 27);
}

/* Home section */

.navTrigger {
    display: none;
}

.nav {
    padding-top: 0px;
    padding-bottom: 20px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .navTrigger {
        display: block;
    }

    .nav div.main_list {
        width: 100%;
        height: 0;
        overflow: hidden;
    }
    .nav div.show_list {
        height: auto;
        display: none;
    }
  
    .nav div.media_button {
        display: block;
    }


/* Animation */
/* Inspiration taken from Dicson https://codemyui.com/simple-hamburger-menu-x-mark-animation/ */

.navTrigger {
    cursor: pointer;
    width: 30px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 7px;
    bottom: 0;
}

.navTrigger i {
    background-color: #fff;
    border-radius: 2px;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
}

.navTrigger i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger i:nth-child(2) {
    margin: 5px 0;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger i:nth-child(3) {
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;
}

.navTrigger.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;
}

.navTrigger.active i:nth-child(3) {
    -webkit-animation: inBtm 0.8s forwards;
    animation: inBtm 0.8s forwards;
}

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

.affix {
    /* padding: 0; */
    background-color: var(--monk-orange)
}

.myH2 {
	text-align:center;
	font-size: 4rem;
}

.myP {
	text-align: justify;
	padding-left:15%;
	padding-right:15%;
	font-size: 20px;
}

#dropdown-mob-item{
    display: none;

}
#dropdown-mob-item2{
    display: none;

}












/*BODY*/

body{
    /* width: 100vw;

    margin: 0 0 0 0;


    font-size: 1vw;
    font-family: poppins;
    font-weight: 100;
    color: #ffffff;
    text-align: center; */
}



/* FRONT PAGE */

.front-page{
    /* width: 100vw;
    min-height: 100vh;

   */

    flex-flow: column nowrap;
max-width: 100vw;



}


.front-page .right-side{
width: 100vw;
    background-image: none;
    height: auto; 
    /* background-image: url(./images/original\ low\ res.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat: no-repeat;

*/
}
.front-page .right-side img{
    width: 100vw;
    display: block;
}

.front-page .left-side{
    /* height: 100vh;

    text-align: center; */
    width: 100vw;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

button, .button{ /*button class also styles the button on the register form with the .button class*/
    /* cursor: pointer;
    background-color: #ad200051;
    border: none;
    border-radius: 200px;

    color: white;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style:normal;
 */
    font-size: 6.5vw;
    padding:  3vw;
}

.button:hover, button:hover{
    /* background-color: rgba(253, 234, 26, 0.412);
    transition: all 1.75s ease-in-out; */
}

.front-page .left-side h3{
    font-size: 11vw;
padding-top: 0;
margin-bottom: 0;
    /* color: white;

    font-family: ivypresto-display, serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    
     */
}

.front-page .left-side h4{
    /* font-family: poppins;
    font-style: italic;
    font-weight: 100;
    color: #ffffff;
    text-align: center;

 */       font-size: 5vw; padding-bottom: 0;
}

.front-page .left-side h5{
 /* margin-top: 12vh; */
}

















/*SECOND PAGE*/

.second-page{
    flex-flow: column nowrap;
    /* width: 100vw;
    height: auto;
    display: flex;


    background-color: var(--monk-orange); */
}

.second-page .left-side{
    /* 
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat; */


    width: 100vw;


}

.second-page .right-side{
    /* 
    display:flex;
    flex-flow: column nowrap;
    align-items: center; */
width: 100vw;

}


.second-page .right-side h3{
    /* color: white;
    font-size: 3.3vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;


    margin-top: 5vh;
    margin-bottom: 1.5vh; */

}


.second-page #desktop-h3{
    display: none;
}
.second-page #mob-h3{
    display: block;
    /* color: white;
    font-size: 3.3vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2vh;
    */
 margin-top: 2vh;
    font-size: 10vw;
    padding-top: 0vh;
    margin-bottom: 0vh;
}


.second-page .right-side p{
    /* color: white;
    font-family: poppins;
    font-weight: 0;



    text-align: center;
    white-space: pre-wrap;

    padding-inline: 4vw;
    margin-top: 2vh;


 */    margin-bottom: 5vh;

    font-size: 4vw;
}




































/*PROFILE PAGE*/

.profile-page{
    /* width: 100vw;
    min-height: auto;
    display: flex;
 */
    flex-flow: column nowrap;
}

.profile-page .right-side{
    /* width: 50vw;
    background-image: url(./images/ai.jpg);
    background-position: -12.5vw -7vh;
    background-size: 140%;
    background-repeat: no-repeat; */
}

.profile-page .left-side{
    /* width: 50vw;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center; */

    height: auto;
    width: 100vw;
    background-image: none;
    display: flex;
    justify-content: center;
}




.profile-page .left-side h3{
    /* color: white;
    font-size: 3.3vw;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    margin-bottom: 1vh; */
 margin-top: 2vh;
    font-size: 10vw;
    padding-top: 0vh;
    margin-bottom: 0vh;
    padding-inline: 10vw;

}

.profile-page .left-side p{
    /* color: white;
    font-family: poppins;
    font-weight: 0;


    text-align: center;
    white-space: pre-wrap;

 
 */

    font-size:4vw;   
    padding-inline: 5vw;

    margin-bottom: 0vh;

}

#mob-profile-pic{
    display: block;
    height: 40vh;
    background-image: url(./images/ai.jpg);
    background-repeat: no-repeat;
    background-size: 145%;
    background-position: -27vw -8vh;
}









































/*FACES PAGE*/
.faces-page{
    /* width: 100vw;
    min-height: 100vh;

    background-color: var(--monk-orange); */
    display: flex;
    flex-flow: column nowrap;
}

.faces-page .left-side{
    /*

    display: flex;
    justify-content: center;
    align-items: center; */

    width: 100vw;


}

.faces-page .left-side img{
    /* 
*/
    margin-top: 2vh; 
width: 100vw;
}

.faces-page .right-side{
    width: 100vw; 
    font-size: 5vw;   
    text-align: left;
/* 
    color: white;
    font-family: poppins;
    font-weight: 100;


    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center; */
}


.faces-page .right-side h3{
    /* color: white;

    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    text-align: center;

 */
    font-size: 10vw;

    margin-top: 1.5vh;
    margin-bottom: 0vh;
}

.faces-page .right-side p{
    /* 
    white-space: pre-wrap;

    margin-top: 0vh;
    padding-top: 0vh; */
padding-inline: 5vw;
    font-size: 4vw;

    transform: translateY(0);
}










/*TESTIMONIALS PAGE MOBILE*/


.testimonials-page{

    font-size: 4vw;
    justify-content: center;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 85vw;
    /* text-align: center;
    background-color: #d0c7ab; 
    width: 100vw;
    color: white;
    font-family: poppins;

    padding-bottom: 0;
    margin-bottom: 0; 

    display:flex;
    flex-flow: row nowrap;
    align-items: center; */
} 

#blues{
    font-size: 3.25vw;
}

/*TESTIMONIAL SLIDE STYLING */

.slide-content {

margin: 0 auto;

padding-inline: 5vw; 
    padding-top: 0vh;
    padding-bottom: 0vh;

    width: 90vw;
    height: auto;
/* 

    overflow-x: hidden;
    overflow-y: hidden;

 */
}


.arrow {
    /*cursor: pointer;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;*/
}

#arrow-left:hover{
    /* transition: all ease-in-out 1s;
    border-color: transparent #ffffff transparent transparent; */
}
#arrow-right:hover{
    /* transition: all ease-in-out 1s;
    border-color: transparent transparent transparent #ffffff; */
}

#arrow-left {
    /* 
    border-color: transparent #ffffff9b transparent transparent;
    position: relative; */
    /*      top: 20vh;*/
    left: 1vw;

    border-width: 4.5vw 6vw 4.5vw 6vw;
}


#arrow-right {
    /* 
    border-color: transparent transparent transparent #ffffff9b;
    position: relative;*/
    right: 1vw;
    border-width: 4.5vw 6vw 4.5vw 6vw;
} 





















/* MAP PAGE*/
.map{
    /* background-color: var(--monk-orange);
    height: auto; */


}

#map-desktop-h3{

    display: none;

}

#map-mob-h3{
    display: block;
    text-align: center;
    color: white;

    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;



    margin-top: 0; 
    font-size: 10vw;
    margin-bottom: 2vh;

    padding-top: 5vh;


}

.map h4{
    /* color: white;
    font-family: poppins;
    font-weight: 100;

    text-align: center;
    margin-bottom: 0; */
    font-size: 5vw;

    margin-top: 1vh;
}

.map p{
    /* color: white;
    font-family: poppins;
    font-weight: 100;

    text-align: center;
    padding-inline: 5vw; */

    font-size: 4vw;

    padding-inline: 13vw; 
}

.map #button-span{
    /* 
    display: flex;
    justify-content: center; */
    padding-bottom: 7vh;
    padding-top: 2vh;
}



.map-container{
    /* display: flex;

    justify-content:center;
 */    align-items: center;


    flex-flow: column nowrap;
}

.map-row{
    /* display: flex;

    justify-content:center;
    align-items:center; */
    flex-flow: column nowrap;


}


.map img{
    /* 
 */    
    transform: translateY(0);    
    width: 30vw;
    margin-top: 3vh;

}

#house-icon img{
    width: 38vw;
}

#house-icon {
 transform: translate(0, 0);
    /* */
}

#house-icon p{
    /* 
    margin-inline: 0; */
padding-inline: 23vw;
}

#house-icon h4{
    /* padding-inline: 0;
    margin-inline: 0; */

}

.schedule-chat{
    /* cursor: pointer; */

}


#map-people{
    /* transform: translateX(0); */

}

#people-text{
    /* */

    margin-inline: 0; 
}



#map-1{
transform: translateX(0);}













































/*PRICES PAGE*/
.prices-page{
    /* width: 100vw;

    display: flex;

    background-color: var(--lantern-yellow); */
    flex-flow: column nowrap;

    height: auto;
    padding-bottom: 0;


}

.prices-page .left-side{
    width: 100vw;

    background-image: url(./images/dog-578k.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center -20vh;

    width: 100vw;
    height: 45vh;

}

.prices-page .right-side{
    width: 100vw;
    /* 
    display: flex;
    flex-flow: column nowrap;
    align-items: center; */

    transform: translateY(0);
    margin-top: 0;
    padding-top: 0;

    


}

.prices-page .right-side p{
    /* color: white;

    font-family: ivypresto-display, serif;
    font-weight: 100;
    text-align: center; */
    font-size: 8vw;


    padding-top: 0;
    margin-top: 0;


    margin-bottom: 2vh;


}

.prices-page .right-side ul{
    /* list-style-position: outside;
     */    
    transform: translateY(0);
    padding-inline: 10vw;
    padding-left: 12vw;






}

.prices-page .right-side li{
    /* color: white;
    font-family: poppins;
    font-weight: 100;

    text-align: left; */
    font-size: 4vw;

    padding-top: 1.2vh;




}
#normal-list{
    margin-top: 3vh;
}


#list-style-tick {
  /* list-style-image: url(./images/tick.svg); */
}


#tick-list{
    transform: translateY(0);


    padding-bottom: 0;
    padding-top: 0;

    margin-bottom: 3.5vh;
    margin-top: 0;

}


#tick-list p{
font-size: 8vw;
    /* margin-bottom: 2vh;
    margin-top: 8vh; */



    padding-bottom: 0;
    padding-top: 2vh;

    margin-bottom: 0;
    margin-top: 0;
}















button, .button{ 
    /* cursor: pointer;
    background-color: #ad200051;
    border: none;
    border-radius: 200px;
    padding:  0.5vw;
    color: white;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style:normal;
 */    font-size: 2rem;
}

.button:hover, button:hover{
    /* background-color: rgba(253, 234, 26, 0.412);
    transition: all 1.75s ease-in-out; */
}



.register{
    /* 

    background-repeat: no-repeat;
    background-position: center top;
 
    font-family: ivypresto-display, serif;
    font-weight: 100;
    text-align: center;
    height: 100vh; */    padding-top: 54vh;
   color: transparent;
    background-image: url(../Register\ Page/register-brendan-mob2.jpg);
    background-size: 200%;
}


#register-row p{
     grid-column: unset;


/*    color: white;
    font-family: poppins;
    font-weight: 0;
    text-align: center;

    white-space: pre-wrap; */    font-size: 1.5rem;        width: 95vw;
    background-color:#d88c3a;

    border-radius: 25px;

    padding: 10vw;
}





#mob-register-h3{
    display: block;
    font-size: 4.5rem;
        color: white;
    font-family: ivypresto-display, serif;
    font-weight: 100;
    text-align: center;
    margin-bottom: 1.5vh;
}

#register-row{
    /* 
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr; */
    display: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#register-row form{
    /* grid-column: 3/3;

    display: flex;
    flex-direction: column;
    align-items: center;

 */    width: 95vw;    transform: translate(0, 0);

    background-color:rgb(49, 85, 23);
    border-radius: 50px;
}



label, input, textarea {
  /* margin-bottom: 10px;

    border-radius: 5px; */    width:85vw;
    height: 4vh;

    border-radius: 25px; 
}

.register textarea{
    width: 85vw;
    height:25vh;

    padding: 3vw;
}

input[type="submit"] {
    /* 
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-bottom:0; */width:25vw;
    height: 5vh;
}

label{
    /* color: white;
    font-family: poppins;


    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-bottom:0; */    font-size: 1.5rem;
}



#sendMessage{
    /* background-color: rgb(219, 123, 41);
    color: white; */

}

#sendMessage:hover{
    /* background-color: rgba(209, 194, 23, 0.804);
    transition: all 1.75s ease-in-out; */
}


#messageSent{
    /* color: rgb(225, 236, 171);
    font-family: poppins;

   */    font-size: 2rem;  margin-top: 1vh;
 margin-bottom: 1vh;
}




    #navbar {
        display: none;
    }



/* FOOTER */
.desktop-footer{display: none;}

.mob-footer{
    display: flex;
    flex-flow: row nowrap;
    justify-content:baseline;
    align-items: center;
    background-color: var(--monk-orange); 

    margin-top: 0;
    margin-bottom: 0;

    transform: unset;
    margin-top: 2vh;
}

.mob-footer p{
    font-size: 2.5vw;
    font-family: poppins;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
    font-style: normal;
    transform: unset;


    inset: 0;
    margin: auto;
}




}