@charset "utf-8";
/*@import url(//db.onlinewebfonts.com/c/bc584c6f1f3371bec3c04f1ee4d7a782?family=Arial+Nova+Light);*/
@import url("../webfonts/Arial_Nova_Light/stylesheet.css");


/* CSS Document */

/*Global view*/

body {
    background-color: rgba(173,217,239,0.80);
    font-family: "Arial Nova Light";
    max-width: 1500px;
    height: auto;
}
.container  {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.hero-image {
    background-size: 25% auto;
    height: 1500px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.webp);
    width: auto;
    background-position: 70% 15%;




















    background-position: 70% 25%
%;
}
.hero-image .container header {
    padding-left: 67px;
    position: relative;
    left: 95px;
}


.container header img {
    padding-top: 10px;
    padding-left: 0px;
    margin-left: -144px;
}

nav   {
    float: right;
    position: relative;
    top: -122px;
    right: -67px;
}

.desktop-view   {
    padding-top: 44px;

}

.desktop-view ul li {
    display: inline-block;
    list-style-type: none;
    padding-left: 58px;
}
.desktop-view ul li a {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 20px;
    padding-left: 20px;
    text-decoration: none;
    color: #E8E8E8;
    margin-left: 16px;
    margin-top: 31px;
}
.btn-turquiose   {
    background-color: #00AFC0;
    top: -146px;
    font-weight: 600;
}
.btn-green {
    background-color: rgba(138,169,59,1.00);
    font-weight: 600;
}
.main-content   {
    width: 1200px;
    position: relative;
    left: 200px;
    top: 65px;
}
.mobile-view {
}
.consult-bio   {
    float: left;
    position: relative;
    top: -16px;
}
.services {
    float: right;
    width: 400px;
    left: 262px;
    position: relative;
    top: -99px;
}
.services h2 {
    padding-left: 14px;
    /* [disabled]left: 7px; */
    top: -15px;
    position: relative;
}

.services .at-gym  {
    padding-left: 21px;
    padding-top: 0px;


}
.services .at-studio {
    padding-left: 22px;
    padding-top: 21px;




}


.Opening-Hours   {
    width: 224px;
    height: 200px;
    position: relative;
    left: 701px;
    top: -32px;
}
.Opening-Hours p {
    margin-top: -9px;

}
.about-us-hero {
    position: relative;
    top: 259px;
    background-repeat: no-repeat;
    height: auto;
    background-size: 25% auto;
    width: auto;
    background-position: 70% 10%;
}
.about-us-hero h1  {
    /* [disabled]padding-top: 0px; */
    position: relative;
    left: 876px;
    top: -263px;
}
#about-us .Lorene  {
    width: 500px;
    position: relative;
    left: 283px;
    top: -267px;
}
#about-us .Lorene img {
    padding-left: 65px;
    width: 250px;
}
#about-us .Chelsea {
    width: 500px;
    position: relative;
    float: right;
    top: -1508px;
    right: -210px;
}

#about-us .Chelsea img {
    padding-left: 55px;
    width: 250px;
}
#about-us .Elizna  {
    width: 500px;
    position: relative;
    float: right;
    top: -543px;
    right: -707px;
}
#about-us .Elizna img {
    padding-left: 55px;
    width: 300px;
}

main #about-us .bkw-logo {
    position: relative;
    left: 787px;
    top: -973px;
    width: 400px;
    height: 269px;
    right: 450px;
}

#about-us .bkw-logo img {
    width: 250px;
    padding-left: 76px;
    padding-top: 0px;
    margin-bottom: -98px;
}


.Contact_hero-img {
    background-size: 25% auto;
    height: 1200px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.png);
    width: auto;
    background-position: 1098px 15%;
}
.Contact_hero-img .container header {
    padding-left: 67px;
    position: relative;
    left: 163px;
}

#contact-form {
    width: 464px;
    position: relative;
    padding-left: 0px;
    left: 386px;
    top: 57px;
}
.Contact_hero-img main .bkw-logo1 {
    position: relative;
    width: 200px;
    height: 200px;
    float: right;
    right: 158px;
    top: -70px;
}
.hero-image main .bkw-logo {
    position: relative;
    left: 95px;
    width: 400px;
    height: 269px;
    top: 124px;
}
#Patient-form {
    width: 464px;
    position: relative;
    padding-left: 0px;
    left: 386px;
    top: 57px;
    /* [disabled]margin-left: -103px; */
    margin-top: -22px;
}


























/*laptop view*/


@media (min-width: 1200px) and (max-width: 1420px){
header {
    padding-left: 61px;


}
.container header img {
    padding-top: 10px;
    padding-left: 0px;
    margin-left: -81px;
}
.consult-bio  {
    padding-left: 0px;
    position: relative;
    left: -157px;
    top: -47px;
}
.main-content .services  {
    position: relative;
    left: -141px;
    top: -132px;
    float: right;
    width: 400px;
}
.main-content .Opening-Hours  {
    position: relative;
    left: 375px;
    width: 224px;
    height: 200px;
    top: -128px;
}
.about-us-hero {
    position: relative;
    top: 267px;
    height: 1500px;
    width: auto;
    padding-top: 0px;
}
main #about-us h1 {
    padding-left: 0px;
    position: relative;
    left: 588px;
    padding-top: 0px;
}
main #about-us .Lorene {
    padding-right: 0px;
    margin-left: -229px;
    top: -300px;
}
#about-us .Lorene img {
    padding-left: 124px;
    width: 200px;
}
main #about-us .Chelsea {
    margin-top: 96px;
    top: -1572px;
    left: 9px;


}
#about-us .Chelsea img {
    padding-left: 113px;
    width: 200px;
}
#about-us .Elizna {
    width: 500px;
    position: relative;
    float: right;
    top: -579px;
    right: -503px;
}
#about-us .Elizna img {
    padding-left: 55px;
    width: 300px;
}
main #about-us .bkw-logo {
    position: relative;
    margin-left: -278px;
    margin-top: 54px;

}
#about-us .bkw-logo img {
    width: 230px;
    padding-left: 67px;
    padding-top: 0px;
    margin-bottom: -98px;
    top: -99px;
    position: relative;
}
.Contact_hero-img {
    background-size: 25% auto;
    height: 1500px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.webp);
    width: auto;
    background-position: 815px 15%;
    padding-right: 0px;
    padding-left: 0px;
}
#contact-form {
    width: 464px;
    position: relative;
    padding-left: 0px;
    left: 317px;
    top: 57px;
    margin-left: -103px;
    margin-top: -22px;
}
#Patient-form {
    width: 464px;
    position: relative;
    padding-left: 0px;
    left: 317px;
    top: 57px;
    margin-left: -103px;
    margin-top: -22px;
}

.Contact_hero-img main .bkw-logo1 {
    position: relative;
    width: 200px;
    height: 200px;
    float: right;
    right: 384px;
    top: -135px;
}
nav {
    float: right;
    position: relative;
    top: -122px;
    right: 111px;
}
.hero-image {
    background-size: 20% auto;
    /* [disabled]height: 1500px; */
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.png);
    width: auto;
    background-position: center;
    background-position: center 14%;
}
.hero-image main .bkw-logo {
    position: relative;
    left: -40px;
    width: 400px;
    height: 269px;
    top: 197px;
}

















}




/*Tablet View*/

@media ( min-width : 480px ) and (max-width : 810px ){
.hero-image {
    background-size: 25% auto;
    height: 1500px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.png);
    width: auto;
    background-position: center;
    background-position: center 111px;
    padding-top: 0px;
    margin-top: 0px;
}
header   {
    padding-left: 73px;

}
.container header nav {
    position: relative;
    margin-right: 264px;


}



.container header img {
    width: 285px;
    padding-left: 0px;
}
.desktop-view ul li {
    display: inline-block;
    list-style-type: none;
    padding-left: 0px;
}
.desktop-view ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 15px;
    text-decoration: none;
    color: #E8E8E8;
    margin-left: 16px;
    margin-top: 31px;
}
.consult-bio {
    position: relative;
    top: 21px;
    left: -30px;
    width: 400px;
}
.services {
    width: 400px;
    position: relative;
    top: 641px;
    left: -834px;
}
.services h2 {
    padding-left: 14px;
    left: -6px;
    top: -15px;
    position: relative;
}
.Opening-Hours {
    width: 299px;
    height: 200px;
    position: relative;
    left: -9px;
    top: 1619px;
    margin-top: -54px;
}
.Opening-Hours p {
    /* [disabled]margin-top: -9px; */


}
.about-us-hero {
    position: relative;
    top: 477px;
    /* [disabled]background-repeat: no-repeat; */
    /* [disabled]background-position: center 4%; */
    /* [disabled]height: 1500px; */
    /* [disabled]background-size: 25% auto; */
    width: auto;
}
.about-us-hero h1 {
    padding-top: 0px;
    position: relative;
    left: 318px;
}
#about-us .Lorene {
    width: 500px;
    position: relative;
    left: 166px;
    top: -262px;
}
#about-us .Lorene img {
    padding-left: 102px;
    width: 250px;
}
#about-us .Chelsea {
    width: 500px;
    position: relative;
    top: -245px;
    right: 120px;
}
#about-us .Chelsea img {
    padding-left: 102px;
    width: 250px;
}
#about-us .Elizna {
    width: 500px;
    position: relative;
    float: right;
    top: -234px;
    right: 120px;
}
#about-us .Elizna img {
    padding-left: 102px;
    width: 250px;
}
main #about-us .bkw-logo {
    position: relative;
    left: 141px;
    top: -172px;
}
#about-us .bkw-logo img {
    width: 250px;
    padding-left: 135px;
    padding-top: 59px;
    margin-bottom: -187px;
    position: relative;
    top: -94px;
}


#contact-form {
    width: 464px;
    position: relative;
    padding-left: 0px;
    left: 77px;
    top: 57px;
}
#Patient-form {
    width: 464px;
    position: relative;
    padding-left: 0px;
    left: 77px;
    top: 57px;
}

.Contact_hero-img {
    background-size: 25% auto;
    height: 1200px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.png);
    width: auto;
    background-position: 454px 15%;
}
.Contact_hero-img main .bkw-logo1 {
    position: relative;
    left: -111px;
    top: -1px;
}
.hero-image main .bkw-logo {
    position: relative;
    left: 113px;
    width: 400px;
    height: 269px;
    top: 993px;
}


}



/*Mobile View*/


@media (max-width: 479px){
header {
    display: inline-block;
    padding-left: 0px;


}
.container header img {
    padding-top: 10px;
    width: 300px;
    padding-left: 0px;
}
header a img {


}


nav {
    float: right;
    position: relative;
    top: -76px;
    right: 184px;
}
.container header nav1 {
    float: right;
    position: relative;
    top: -76px;
    right: 250px;
}

.desktop-view ul li {
    display: block;
    /* [disabled]list-style-type: none; */
    padding-top: 52px;
    margin-left: -58px;
}
.container header .contact_nav {
    margin-left: -78px;
}
header a .contact-logo {
    /* [disabled]margin-right: 72px; */
    position: relative;
    left: -48px;
}


.hero-image {
    background-size: 25% auto;
    height: 1500px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.png);
    width: auto;
    background-position: center;
    background-position: 82% 10%;
}
.Contact_hero-img {
    background-size: 25% auto;
    height: 1500px;
    background-repeat: no-repeat;
    background-image: url(../Images/VBN_Icon_lg.png);
    width: auto;
    background-position: 82% 10%;
}

.consult-bio {
    position: relative;
    top: -112px;
    left: -186px;
    width: 350px;
}
.services {
    width: 350px;
    position: relative;
    top: 499px;
    float: left;
    left: -550px;
}
hr {
    border-style: solid;
    border-color: #FFFFFF;
    position: relative;
    top: 1391px;
    width: 300px;
    left: -963px;
}
.Opening-Hours {
    width: 224px;
    height: 200px;
    position: relative;
    top: 519px;
    left: -175px;
}
.about-us-hero {
    position: relative;
    top: 441px;
    height: 1500px;
    width: auto;
}
.about-us-hero h1 {
    padding-top: 0px;
    position: relative;
    left: 94px;
    top: -479px;
}
#about-us .Lorene {
    width: 350px;
    position: relative;
    left: 15px;
    top: -455px;
}
#about-us .Lorene img {
    width: 250px;
    padding-left: 39px;
}
#about-us .Chelsea {
    width: 350px;
    position: relative;
    top: -426px;
    right: 13px;
}
#about-us .Chelsea img {
    padding-left: 39px;
    width: 250px;
}
#about-us .Elizna {
    width: 350px;
    position: relative;
    float: right;
    top: -402px;
    right: 13px;
}
#about-us .Elizna img {
    padding-left: 39px;
    width: 250px;
    position: relative;
    right: 6px;
}
main #about-us .bkw-logo {
    position: relative;
    top: -437px;
    width: 350px;
    height: 269px;
    left: -67px;
}
#about-us .bkw-logo img {
    width: 250px;
    padding-left: 124px;
    padding-top: 59px;
    margin-bottom: -187px;
}
#contact-form {
    width: 350px;
    position: relative;
    padding-left: 0px;
    left: 2px;
    top: -73px;
}
#Patient-form {
    width: 350px;
    position: relative;
    padding-left: 0px;
    left: 2px;
    top: -73px;
    margin-top: 150px;
}

.hero-image main .bkw-logo {
    position: relative;
    left: -66px;
    width: 400px;
    height: 269px;
    top: 743px;
}












































}