/*
Theme Name: Flow Theme
Theme URI: http://www.flowpoole.co.uk
Description: Flow Theme
Version: 1
Author: Lee Iacovou
*/



@charset "utf-8";
/* CSS Document */


/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;

	     -webkit-font-smoothing: antialiased;

}
/*CSS RESET*/



html {
    scroll-behavior: smooth;
}





/*a {
  color: #0077cc;
  text-decoration: none;
}*/




  :root {
  --darkGrey: #4d4d4d;
  --cream: #F5F4EB;
  --stone: #E9E7DC;
  --skyBlue: #C3D8E1;
  --babyBlue: #88A4BC;

}


@font-face {
font-family: Monts Black;
src:url(/fonts/Montserrat-Black.ttf);
}



body
{
margin: -1px;
background-color: var(--cream);
overflow-x:hidden;
}





#footer {
    width: 100%;
    height: 16vw;
    padding: 0% 0% 0% 0%;
    background-color: var(--babyBlue);
    display: flex;
}



#footer-box {
flex: 1;
height: 100%;
position: relative;
}


#footer-box img {
    width: 50%;
    height: auto;
    margin: 12% 0% 0% 15%;
}


#footer-box h3 {
    font-size: 1.3vw;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 30% 0% 0% 0%;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    text-align: left;
}



#footer-box1 {
    display: flex;
    height: 25%;
    /* background-color: #F0F; */
    position: absolute;
    width: 85%;
    bottom: 28%;
    right: 10%;
}


#footer-box1a {
flex: 1;
height: 100%;
/*background-color: #F00;*/
position:relative;
}

#footer-box1a h2 {
    font-size: 1.5vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -2px;
    /* line-height: 3.75rem; */
    color: #FFF;
    padding: 0% 0% 0% 0%;
    position: absolute;
    bottom: 0%;
    right: 0%;
}



#footer-box1a img {
    width: auto;
    height: 100%;
    float: right;
    margin: 0% 7% 0% 0%;
}


#icon-row {
    width: 100%;
    height: auto;
    background-color: var(--babyBlue);
    padding-bottom: 2rem;
    margin-top: 4vw;
}

#form-row {
    width: 100%;
    height: auto;
    background-color: var(--stone);
    padding-bottom: 2rem;
    margin-top: 7vw;
}


#hero {
width: 100%;
    height: 54rem;
    background-color: #cccccc3b;
    background-image: url(/images/home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}

#hero-contact{
width: 100%;
    height: 37rem;
    background-color: #cccccc3b;
    background-image: url(/images/home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}

#hero-fit {
width: 100%;
    height: 54rem;
    background-color: #cccccc3b;
    background-image: url(/images/dave.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}


#hero-pil {
width: 100%;
    height: 54rem;
    background-color: #cccccc3b;
    background-image: url(/images/reformer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}


#hero-con {
width: 100%;
    height: 54rem;
    background-color: #cccccc3b;
    background-image: url(/images/tides.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}


#hero-ol {

position:absolute;
top: 0%;
left: 0%;
width:100%;
height: 100%;
background-color: #00000094;


}


#hero-words {
    width: 100%;
    height: auto;
    max-width: 100rem;
    /* background-color: #ff000036; */
    margin: 0 auto;
    margin-top: 17rem;
    color: #fff;
    text-align: center;
}


#hero-words h1 {
    font-size: 5.75vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -2px;
    line-height: 5.5vw;
}


#hero-words h2 {
    font-size: 2.1vw;
    font-weight: 500;
    letter-spacing: -2px;
    padding: 2% 15% 0% 15%;
    line-height: 2.75vw;
    font-family: "Montserrat", sans-serif;
}


#big-button {

    margin-top: 3rem;
    position:relative;
}



#big-button a{

    padding: 2rem;
    
    display: inline-block;
    border-radius: 50px;
    font-size: 2rem;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -2px;
   text-decoration : none;
}


#big-button a:link {
background-color: var(--babyBlue);
color: #FFF;
   border-radius: 50px;
}

#big-button a:visited {
background-color: var(--babyBlue);
color: #FFF;
   border-radius: 50px;
}

#big-button a:active {
background-color: var(--babyBlue);
color: #FFF;
   border-radius: 50px;
}

#big-button a:hover {
background-color: var(--stone);
color: var(--babyBlue);
   border-radius: 50px;
}














#big-button3 {
    margin-top: 3rem;
    position: relative;
    text-align: center;
    /* background-color: #F00; */
    margin: 4vw 0vw 4vw 0vw;
}



#big-button3 a{

    padding: 2rem;
    
    display: inline-block;
    border-radius: 50px;
    font-size: 2rem;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -2px;
   text-decoration : none;
}


#big-button3 a:link {
background-color: var(--babyBlue);
color: #FFF;
   border-radius: 50px;
}

#big-button3 a:visited {
background-color: var(--babyBlue);
color: #FFF;
   border-radius: 50px;
}

#big-button3 a:active {
background-color: var(--babyBlue);
color: #FFF;
   border-radius: 50px;
}

#big-button3 a:hover {
background-color: var(--stone);
color: var(--babyBlue);
   border-radius: 50px;
}












/*NAV*/



#double-holder {
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    height: auto;
    display: flex;
    min-height: 20vw;
    /* background-color: #ff000014; */
/*    margin-bottom: 7vw;*/
}


#one-half {
    flex: 1;
    gap: 2rem;
    /* margin-bottom: 5rem; */
}


#one-half img {
    width: 80%;
    height: auto;
    margin: 10% 0% 0% 5%;
}


#one-half h1 {
    font-size: 4.4vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 4.75vw;
    color: var(--darkGrey);
    padding: 10% 0% 0% 14%;
}





#one-half h3 {
    font-size: 1.4vw;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 5% 10% 0% 14%;
    line-height: 1.9vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
}



#main-holder {
    width: 95%;
    max-width: 100rem;
    margin: 0 auto;
    height: auto;
    /* background-color: #ff000014; */
}


#main-holder2-bg {
    width: 100%;
    height: auto;
background-color: var(--stone);
}


#main-holder2 {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    height: auto;
}


#main-heading {
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
}


#main-heading h1 {
    font-size: 4vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 4.75vw;
    color: var(--darkGrey);
    padding: 5% 0% 4% 0%;
}







#main-heading3 {
    width: 90%;
    margin: 0 auto;
    height: auto;
    text-align: center;
}

#main-heading3 h2 {
    font-size: 4vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 4.75vw;
    color: var(--darkGrey);
    padding: 9% 0% 4% 0%;
    text-align: left;
}




#main-heading2 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
}



#main-heading2 h1 {
    font-size: 4.4vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 4.74vw;
    color: #fff;
    padding: 5% 5% 5% 5%;
}



#main-heading5 {
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
}



#main-heading5 h1 {
    font-size: 4.4vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 4.74vw;
    color: var(--babyBlue);
    padding: 5% 5% 5% 5%;
}



#find-holder {
    width: 90%;
    margin: 0 auto;
    height: 30rem;
    /* background-color: #ff00000a; */
    display: flex;
    /* gap: 2rem; */
    margin-top: 6vw;
    margin-bottom: 6vw;
    max-width: 100rem;
}


#find1 {
    flex: 40%;
    height: 100%;
      
   
}


#find1 h1 {
    font-size: 5.75vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    /* line-height: 3.75rem; */
    color: var(--babyBlue);
    margin: 7rem 0% 0% 10%;
}

#find1 h3 {
    font-size: 2vw;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0% 0% 0% 10%;
    line-height: 2.5vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
}



#find2 {
    flex: 60%;
    height: 100%;
/*    background-color: #F00;*/
    text-align: center;
}


#find2 iframe {
    width: 100%;
    height: 88%;
    margin-top: 3%;
}

#boxes {
    width: 90%;
    margin: 0 auto;
    height: auto;
    /* background-color: #ff00000a; */
    /* margin: 0% 2% 0% 2%; */
    display: flex;
    gap: 2rem;
/*    margin-bottom: 5rem;*/
}


.oneBox {
    flex: 1;
    height: auto;
    min-height: 50rem;
    background-color: var(--stone);
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease;
    text-decoration: none;
    position:relative;
}

.oneBox iframe {
    width: 100%;
    height: 41%;
}



.oneBox h2 {
font-size: 2.2vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -2px;
    /* line-height: 3.75rem; */
    color: var(--darkGrey);
    padding: 7% 0% 5% 0%;
}


.oneBox h3 {
    font-size: 1.4vw;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 0% 5% 0% 5%;
    line-height: 1.9vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
}


.oneBox img {

width:100%;
height: auto;



}









.oneBox9 {
    flex: 1;
    height: auto;
    text-align: center;
    position:relative;
}



.oneBox9 img {

width:100%;
height: auto;



}











.oneBox2 {
    flex: 1;
    height: auto;
    min-height: 39rem;
    background-color: var(--stone);
    text-align: center;
    transition: 0.3s ease;
    text-decoration: none;
    position:relative;
    padding-top: 2%;
}

.oneBox2 iframe {
    width: 100%;
    height: 55%;
}



.oneBox2 h2 {
    font-size: 2.5vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -1px;
    /* line-height: 3.75rem; */
    color: var(--darkGrey);
    padding: 7% 0% 3% 0%;
}


.oneBox2 h3 {
    font-size: 1.4vw;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 0% 5% 0% 5%;
    line-height: 1.9vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
}


.oneBox2 img {

width:100%;
height: auto;



}




.small-button {
padding: 1rem 2rem 1rem 2rem;
    display: inline-block;
    border-radius: 50px;
    font-size: 1.5rem;
    font-weight: 800;
 font-family: "Montserrat", sans-serif;
    letter-spacing: -1px;
    text-decoration: none;
    margin-top: 3rem;
    margin-bottom: 5rem;
    position: relative;
    background-color: var(--babyBlue);
    color: #FFF;
    border-radius: 50px;
  }

.oneBox h2,
.oneBox h3,
.small-button {
    transition: 0.3s ease;
}



/* 🔴 Hover: background turns red */
.oneBox:hover {
    background-color: var(--babyBlue);
}

/* ✏️ Text turns white on hover */
.oneBox:hover h2,
.oneBox:hover h3 {
    color: var(--stone);
}

/* 🔘 Button turns black */
.oneBox:hover .small-button {
   background-color: var(--stone);
    color: var(--babyBlue);
}





#boxes2 {
width: 95%;
    margin: 0 auto;
    height: auto;
    /* background-color: #ff00000a; */
    /* margin: 0% 2% 0% 2%; */
    display: flex;
    gap: 2rem;
    margin-bottom: 5rem;
  }




#oneBox2 {

flex: 1;
height: 100%;
/*background-color: #e9e7dc1f;*/
text-align: center;
/*padding-bottom: 5rem;*/
}

#oneBox2-image {
    width: 100%;
    height: 11rem;
/*    background-color: #e9e7dc1f;*/
    text-align: center;
}

#oneBox2-image img {

width: auto;
height: 100%;



}


#oneBox2 h2 {
font-size: 1.9vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -2px;
    /* line-height: 3.75rem; */
    color: #FFF;
    padding: 8% 0% 5% 0%;
}


#oneBox2 h3 {
    font-size: 1.1vw;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0% 5% 0% 5%;
    line-height: 1.6vw;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
}









/* Default logo styling (desktop) */
#logo {
    position: absolute;
    top: 2rem;
    left: 2.5rem;
    width: 10rem;
    transition: top 0.3s ease, width 0.3s ease;
}

/* Default header styling */
#header {
  background-color: transparent;
  background-image: none;
  border-bottom: 0px solid #ffffff42;
  transition: background-color 0.3s ease, border-bottom 0.3s ease;
}

/* On scroll: change header & logo */
#header.scrolled {
/*  background-image: url('//images/head.png');
  background-size: cover;*/
  background-color: #000000f5;
  border-bottom: 1px solid #ffffff42;
  height: 6rem;
}

#logo.logo-scrolled {
  top: 1.5rem;
  width: 7rem;
}



#containerMenu33.scrolled {
    width: 100%;
    margin: 0% 0% 0% 0%;
}


#logo img {

    width: 100%;
    height: auto;

}


#header {
    width: 100%;
    height: 7rem;
    /* background-color: #cccccc21; */
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99999;
/*    border-bottom: 1px solid #ffffff42;*/
}
/*nav start*/


#containerMenu33{
    width: 100%;
    margin: 2% 0% 0% 0%;
}


.main-menu3 {
    display: block;
    position: absolute;
    top: 1.5rem;
    right: 3rem;
    width: auto;
    z-index: 99999;
    /* background-color: #ff00004a; */
}



/*.main-menu {
    display: block;
    position: relative;
    float: right;
    width: 53%;
}*/


.main-menu:before,.main-menu:after{
  display: table;
  line-height: 0;
  content: "";
}

.core-menu {
text-align: right;
    font-size: 1.2rem;
    font-weight: 600;
    overflow: hidden;
/*    -webkit-font-smoothing: antialiased;*/
    text-transform: uppercase;
    width: 100%;
       font-family: "Montserrat", sans-serif;
}


.core-menu li {
  list-style:none;
  display:inline-block;
  cursor:pointer;
}

.core-menu li a {
display: inline-block;
    padding: 1.1vw 0.75vw 1.1vw 0.75vw;
    text-decoration: none;
    color: #F5F4EB;
   
}

li#faux {
    border: 1px solid var(--nude);
    padding: 0vw 0vw 0vw 0vw;
    /* border-radius: 15px; */
    font-weight: 700;
}


.core-menu li#faux a:hover {
    background-color: #000;
    /* border-radius: 7px; */
    color: #d5b560;
    border: 0px;
}

.core-menu li a:hover {
    /* background-color: #d5c4b0; */
    /* border-radius: 7px; */
    color: #88A4BC;
/*    border: 1px solid #d5c4b0;*/
}


li span.toggle {
  padding-left: 0.3vw;
}
.toggle:before {
  content:"+";
  
}
.dropdown {
  position:absolute;
  width:230px;
  background:#1a1a1a;
  text-align:left;
  display:none;
}
.dropdown li {
  display:block;
  }
.dropdown li a {
  display:block;
  color:#FFF;
}
.dropdown2 {
  position:absolute;
  width:230px;
  background:#2d2d2d;
  text-align:left;
  display:none;
  right:-100%;
  top:0;
}
.dropdown2 li {
  display:block;
  }
.dropdown2 li a {
  display:block;
}
li span.toggle2 {
  position:absolute;
  right:0;
  margin-right:20px;
}
.toggle2:before {
  content:"-";
  
}
.hamburger-menu {
  padding:1em;
  display:none;
  font:normal normal normal 16px/1 Roboto;
  text-transform:uppercase;
}


#hidden {

opacity: 0;

}



/*mobile*/



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



#hero-con {
    width: 100%;
    height: 70rem;
    background-color: #cccccc3b;
    background-image: url(/images/tides.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}



    #hero-pil {
    width: 100%;
    height: 66rem;
    background-color: #cccccc3b;
    background-image: url(/images/reformer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}

#big-button3 {
    margin-top: 3rem;
    position: relative;
    text-align: center;
    /* background-color: #F00; */
    margin: 10vw 0vw 10vw 0vw;
    /* font-size: 3vw; */
}



#main-heading3 h2 {
    font-size: 6vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 6.75vw;
    color: var(--darkGrey);
    padding: 20% 0% 4% 0%;
    text-align: left;
}





#big-button3 a {
    padding: 2rem;
    display: inline-block;
    border-radius: 50px;
    font-size: 3rem;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -2px;
    text-decoration: none;
}




#one-half h1 {
    font-size: 7vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 6.75vw;
    color: var(--darkGrey);
    padding: 10% 0% 0% 0%;
    text-align: center;
}


#one-half h3 {
    font-size: 4vw;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 9% 10% 0% 10%;
    line-height: 5vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
    text-align: center;
}




#one-half img {
    width: 91%;
    height: auto;
    margin: 10% 0% 0% 5%;
}




#double-holder {
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    height: auto;
    display: grid;
    min-height: 20vw;
    /* background-color: #ff000014; */
    /* margin-bottom: 7vw; */
}




#hidden {

opacity: 0;
display: none;
}



#hero-fit {
    width: 100%;
    height: 68rem;
    background-color: #cccccc3b;
    background-image: url(/images/dave.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}



#footer-box img {
    width: 50%;
    height: auto;
    margin: 10% 0% 0% 0%;
}


    #footer-box1a img {
    width: auto;
    height: 100%;
    float: right;
    margin: 0% 0% 0% 7%;
}



#footer-box1 {
    display: flex;
    height: 10vw;
    /* background-color: #F0F; */
    position: absolute;
    width: 85%;
    bottom: 28%;
    right: 10%;
}

#footer-box1a h2 {
    font-size: 3.5vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -2px;
    /* line-height: 3.75rem; */
    color: #FFF;
    padding: 0% 0% 0% 0%;
    position: absolute;
    bottom: 0%;
    left: 0%;
}





#footer {
    width: 100%;
    height: 75vw;
    padding: 0% 0% 0% 0%;
    background-color: var(--babyBlue);
    display: grid;
}


#footer-box h3 {
    font-size: 3vw;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0% 0% 0% 0%;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}



#footer-box {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}



#main-holder2 {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    height: auto;
    padding-bottom: 10vw;
}


.oneBox2 iframe {
    width: 100%;
    height: 41vw;
}




.oneBox2 h2 {
    font-size: 5vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -1px;
    /* line-height: 3.75rem; */
    color: var(--darkGrey);
    padding: 7% 0% 3% 0%;
}


.oneBox2 h3 {
    font-size: 3.5vw;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 0% 5% 0% 5%;
    line-height: 1.9vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
}


#find-holder {
    width: 90%;
    margin: 0 auto;
    height: auto;
    /* background-color: #ff00000a; */
    display: grid;
    /* gap: 2rem; */
    margin-top: 6vw;
    margin-bottom: 6vw;
    max-width: 100rem;
}



#find2 iframe {
    width: 100%;
    height: 50vw;
    margin-top: 8%;
}



#find1 h1 {
    font-size: 7vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    /* line-height: 3.75rem; */
    color: var(--babyBlue);
    margin: 3rem 0% 0% 0%;
    text-align: center;
}


#find1 h3 {
    font-size: 3.5vw;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0% 0% 0% 0%;
    line-height: 4.9vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
    text-align: center;
}



#header {
    width: 100%;
    height: 7rem;
    /* background-color: #cccccc21; */
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 99999;
    /* border-bottom: 1px solid #ffffff42; */
}



#oneBox2 h3 {
    font-size: 3.5vw;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0% 5% 15% 5%;
    line-height: 4.9vw;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
}


#oneBox2-image {
    width: 100%;
    height: 21rem;
    /* background-color: #e9e7dc1f; */
    text-align: center;
}


#oneBox2 h2 {
    font-size: 5vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -2px;
    /* line-height: 3.75rem; */
    color: #FFF;
    padding: 8% 0% 5% 0%;
}


#oneBox2 h3 {
    font-size: 3.5vw;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0% 5% 17% 5%;
    line-height: 4.9vw;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
}


    #boxes2 {
    width: 95%;
    margin: 0 auto;
    height: auto;
    /* background-color: #ff00000a; */
    /* margin: 0% 2% 0% 2%; */
    display: grid;
    gap: 2rem;
    margin-bottom: 5rem;
}



    #main-heading2 h1 {
    font-size: 7vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 6.75vw;
    color: #fff;
    padding: 10% 5% 10% 5%;
}


.small-button {
    padding: 1rem 2rem 1rem 2rem;
    display: inline-block;
    border-radius: 50px;
    font-size: 3rem;
    font-weight: 800;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -1px;
    text-decoration: none;
    margin-top: 3rem;
    margin-bottom: 5rem;
    position: relative;
    background-color: var(--babyBlue);
    color: #FFF;
    border-radius: 50px;
}


.oneBox h2 {
    font-size: 5vw;
    font-weight: 800;
    font-family: Monts Black;
    letter-spacing: -2px;
    /* line-height: 3.75rem; */
    color: var(--darkGrey);
    padding: 7% 0% 5% 0%;
}


.oneBox h3 {
    font-size: 3.5vw;
    font-weight: 600;
    letter-spacing: -1px;
    padding: 0% 5% 0% 5%;
    line-height: 4.9vw;
    color: var(--darkGrey);
    font-family: "Montserrat", sans-serif;
}


#boxes {
    width: 90%;
    margin: 0 auto;
    height: auto;
    /* background-color: #ff00000a; */
    /* margin: 0% 2% 0% 2%; */
    display: grid;
    gap: 2rem;
    /* margin-bottom: 5rem; */
}


.oneBox {
    flex: 1;
    height: auto;
    min-height: 50rem;
    background-color: var(--stone);
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease;
    text-decoration: none;
    position: relative;
}


#main-heading h1 {
    font-size: 7vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -3px;
    line-height: 6.75vw;
    color: var(--darkGrey);
    padding: 14% 0% 7% 0%;
}


#logo {
    position: absolute;
    top: 2rem;
    left: 2.5rem;
    width: 14rem;
    transition: top 0.3s ease, width 0.3s ease;
}


#hero-words h1 {
    font-size: 9vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -2px;
    line-height: 9.5vw;
    margin: 0% 5% 0% 5%;
}


#hero {
    width: 100%;
    height: 80rem;
    background-color: #cccccc3b;
    background-image: url(/images/home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}



#hero-words h2 {
    font-size: 4vw;
    font-weight: 500;
    letter-spacing: -2px;
    padding: 7% 10% 5% 10%;
    line-height: 5.3vw;
    font-family: "Montserrat", sans-serif;
}



#big-button a {
    padding: 2rem;
    display: inline-block;
    border-radius: 50px;
    font-size: 5vw;
    font-weight: 900;
    font-family: Monts Black;
    letter-spacing: -2px;
    text-decoration: none;
}







.main-menu3 {
    display: block;
    position: relative;
    float: right;
    margin-top: 0vw;
    width: 100%;
    z-index: 99999;
    /* background-color: #000; */
    margin-right: -5vw;
}

.main-menu {
    height: 50px;
    margin-top: 2%;
    width: 100%;
}
  .container-menu {
    width:90%;
  }
  .navigation {
    float:left;
    display:block;
    width:100%;
    overflow: hidden;
  }


.core-menu {
    text-align: left;
    float: right;
    width: 100%;
    background: #28282a;
    margin: auto;
    margin-right: auto;
    display: none;
    /* margin-right: 5%; */
    margin-top: 9vw;
}

li#faux a:link {

    color: var(--nude);
}

li#faux a:hover {

    color: var(--nude);
}


li#faux a:visited {

    color: var(--nude);
}


li#faux a:active {

    color: var(--nude);
}


  .core-menu li {
    width: 100%;
    display: block;
    font-size: 5vw;
}
  .core-menu li a{
    display:block;
    margin:auto;
    color:#fff;
    padding: 5.1vw;
  }
  .hamburger-menu {
    display:block;
    text-align:center;
    padding-right:60px;
    float:none;
    width:100%;
  }

.burger-1, .burger-2, .burger-3 {
    display: block;
    position: absolute;
    width: 50px;
    height: 8px;
    border-radius: 30px;
    right: 25px;
    margin-right: 25px;
    background: #fff;
    -webkit-transition: .2s ease;
    -ms-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
/*    background-color: var(--green);*/
}

  .burger-1 {
  top:15px;
  }
  .burger-2 {
  top:30px;
  }
  .burger-3 {
  top:45px;
  }
  .burger-1.open, .burger-2.open, .burger-3.open {
  -webkit-transition:.2s ease;
  -ms-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
    transition:.2s ease;
    transform-origin:50% 50%;
  }
  .burger-1.open {
    top:25px;
    width:23px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); 
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 
    -o-transform:rotate(45deg); 
  }
  .burger-2.open {
    opacity:0;
  }
  .burger-3.open {
    top:25px;
    width:23px;
    transform:rotate(-45deg);
  }
  .dropdown {
    width:100%;
    background:#0e0e0e;
    text-align:center;
    position:relative;
  }
  .dropdown2 {
    right:0;
    top:0;
    width:100%;
    position:relative;
    padding:0 20px;
}




}




/*big screens*/


@media only screen and (min-width: 1550px) {
/* Styles for larger desktop screens */


/*#boxes {

    height: 54rem !important;
  
}*/

#hero {

    height: 64rem;
   
}

#hero-words h2 {

    padding: 2% 5% 0% 5%;
  
}


#boxes {
    width: 96%;
   
}

#find1 h1 {

    margin: 6rem 0% 0% 0%;
}


#find1 h3 {
  
    margin: 0% 0% 0% 0%;
 
}



.oneBox2 {

    min-height: 49rem;
   
}



#one-half img {
    width: 95%;
}


#one-half h1 {

   padding: 10% 0% 0% 0%;
}

#one-half h3 {

    padding: 5% 10% 7% 0%;
        font-size: 1.2vw;
  
}



.oneBox h3 {

      font-size: 1.2vw;
}




#main-heading3 {
    width: 96%;
}




}


/*
#main-heading h2 {

    padding: 9% 2% 4% 2%;

}
*/