Body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/**********************************
Home page
***********************************/
/**********************************
Header Style full-width
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 100px;
}

Nav {
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 39px;
    font-family:'Catamaran', sans-serif;




}
nav ul li a:hover{
                    opacity:0.9;
                   color:#ED1E79;

}


.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

 /**********************************
H-Menu Full-Width
***********************************/
#H-menu{display:none;}

/**********************************
Blurb Full-Width
***********************************/

.Blurb-Background {

            padding-top:40px;
}

.Blurb-Background hr{width:50%;}

h3 { padding-left:350px;
            position: relative;
	        Bottom:28px;
            color: #4250A6;
            font-family:'Catamaran', sans-serif;
            font-size: 25px;
}

.Blurb-Background P{
    padding-left: 350px;
    position: relative;
    Bottom:56px;
    margin-right: 430px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    word-break: normal;
    color: gray;
    font-weight: 100;
}

/**********************************
Bio Full-Width
***********************************/
h2{  padding-left:350px;
            position: relative;
	        Bottom:72px;
            color: #4250A6;
            font-family:'Catamaran', sans-serif;
            margin-right: 430px;
}

#Bimg { position:relative;
        left:170px;
        top: 75px;
        }


.Bio p {
    padding-left: 350px;
    position: relative;
    Bottom:82px;
    margin-right: 430px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    word-break: normal;
}


/**********************************
Service full-width
***********************************/
.serv h3{
            padding:inherit;
            text-align: center;
            position: relative;
            top:-15px;
            font-size: 36px;
            font-family:'Catamaran', sans-serif;
            font-weight: lighter;
}


.H-Container {
        list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 299px;
    padding-bottom: 50px;
}

.H-column-left{ float: left; width: 33%; }
.H-column-right{ float: right; width: 33%; }
.H-column-center{ display: inline-block; width: 33%; }
.H-column-left li{ list-style-type:none}
.H-column-right li{ list-style-type:none;}
.H-column-center li{ list-style-type:none;}

/**********************************
Company Icons Full-Width
***********************************/

#Company-Icons { background-color:#F2F2F2;
                text-align: center;
                padding: 30px;
               }


.C-Icons li {
            display:inline;
            list-style: none;
            padding:30px;
}

/**********************************
Footer Full-Width
***********************************/

#footer{ background-color: #4250A6;
         padding: 40px;
         align-items: center;

}

#whitelogo{ position: relative;
            top:20px }


#Copyrights  { text-decoration: none;
                text-align: right;
                position: relative;
                top: -1px;

                color:white;
                font-family: 'Catamaran', sans-serif;
                margin:auto 0px;
}




/**********************************
Lap-Top Css
***********************************/


@media screen and (min-width:1024px) and (max-width: 1440px){

/**********************************
Header Style Lap-Top
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 100px;
}

Nav {
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 36px;
    font-family:sans-serif;


}
nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 39px;
    font-family:'Catamaran', sans-serif;




}
nav ul li a:hover{
                    opacity:0.9;
                   color:#ED1E79;

}





/**********************************
Service lap-top
***********************************/
.serv h3{
            padding:inherit;
            text-align: center;
            position: relative;
            top:-15px;

            font-size: 36px;
            font-family:'Catamaran', sans-serif;
            font-weight: lighter;
}


.H-Container {
        list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 153px;
    padding-bottom: 50px;
}

.H-column-left{ float: left; width: 33%; }
.H-column-right{ float: right; width: 33%; }
.H-column-center{ display: inline-block; width: 33%; }
.H-column-left li{ list-style-type:none}
.H-column-right li{ list-style-type:none;}
.H-column-center li{ list-style-type:none;}
/**********************************
Company Icons Lap-top
***********************************/

#Company-Icons { background-color:#F2F2F2;
                text-align: center;
                padding: 30px;
               }


.C-Icons li {
            display:inline;
            list-style: none;
            padding:16px;
}

/**********************************
Footer Lap-top
***********************************/

#footer{ background-color: #4250A6;
         padding: 40px;
         align-items: center;

}

#whitelogo{ position: relative;
            top:20px }


#Copyrights  { text-decoration: none;
                text-align: right;
                position: relative;
                top: -1px;

                color:white;
                font-family: 'Catamaran', sans-serif;
                margin:auto 0px;
}




}





/**********************************
Pads Css
***********************************/


@media screen and (min-width:768px) and (max-width: 1024px){
/**********************************
Header Style pad
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
}


/**********************************
H-Menu pad
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}



.button-nav {
/*   border: 3px solid white; */
  height: 50px;
   right: 50px;
  position: absolute;
  top: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/**********************************
Blurb pad
***********************************/

.Blurb-Background {

            padding-top:100px;
}

.Blurb-Background hr{width: 50%;
    position: relative;
    bottom: 37px;}

h3 {  padding-left:50px;
      position: relative;
      Bottom:53px;
      color: #4250A6;
      font-family: sans-serif;
}

.Blurb-Background P {
    padding-left: 50px;
    position: relative;
    Bottom:68px;
    margin-right: 10px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    word-break: normal;
    color: gray;
    font-weight: 100;
}




/**********************************
Bio pad
***********************************/
#Bimg {
        display: none;
        position:relative;
        left:149px;
        top: 40px;
        }

h2 {  padding-left:150px;
        position: relative;
	    Bottom:0px;
        color: #4250A6;
        font-family: 'Catamaran', sans-serif;
        margin-right: 50px;
        right:100px;
        font-size: 20px;
        text-align: left;
    }

.Bio p {
    padding-left: 50px;
    position: relative;
    Bottom:0px;
    margin-right: 25px;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    word-break: normal;
}



#Services-Banner{ display:none;}

/**********************************
SERVICES pad
***********************************/



.serv h3 { padding:inherit;
           text-align: center;
            position: relative;
            top:80px;
            right: 0px;
            font-size: 19px;
}

.H-Container{
        list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 0px;
    padding-bottom: 50px;
    font-size: medium;
    padding-top: 90px;


}
.H-column-left{ float: left; width: 40%; }
.H-column-right{ float: right; width: 28%; }
.H-column-center{ display: inline-block; width: 26%; }

.H-column-left li{ list-style-type:none}
.H-column-right li{ list-style-type:none;}
.H-column-center li{ list-style-type:none;}


/**********************************
Company Icons pad
***********************************/

#Company-Icons {
                background-color:#F2F2F2;
                text-align: center;
                padding: 30px;
}

ul.C-Icons{ padding:0px}

.C-Icons li {
            display:inline;
            list-style: none;
            padding:14px;

}


/**********************************
Footer pads
***********************************/
#footer{
        background-color: #4250A6;
        padding: 40px;
        align-items: center;

}

#whitelogo{
            position: relative;
            top:20px;
            max-width: 30%
}


#Copyrights  {
                text-decoration: none;
                text-align: right;
                position: relative;
                top: 0px;

                color:white;
                font-family: 'Catamaran', sans-serif;
                margin:auto 0px;
                font-size:12px;
}




}




/**********************************
Cell Phone Css
***********************************/
@media screen and (max-width: 767px){

/**********************************
Header Style Cell-Phone
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
    max-width: 60%;

}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
    display: none;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
     display: none;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
     display: none;
}


 /**********************************
H-Menu Cellphone
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}


.button-nav {
/*   border: 3px solid white; */
  height: 40px;
   right: 10px;
  position: absolute;
  top: 33px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/**********************************
Blurb CellPhone
***********************************/

.Blurb-Background {

            padding-top:100px;
}

h3 {  padding-left:29px;
      position: relative;
      Bottom:63px;
      color: #4250A6;
      font-family: sans-serif;
}

.Blurb-Background P {
    padding-left: 29px;
    position: relative;
    Bottom:74px;
    margin-right: 10px;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    word-break: normal;
}

 .Blurb-Background hr{width: 50%;
    position: relative;
    bottom: 37px;}

/**********************************
Bio Cellphone
***********************************/
#Bimg {
        display: none;
        position:relative;
        left:149px;
        top: 40px;
        }

.Bio h2 {  padding-left:126px;
        position: relative;
	    top:18px;
        color: #4250A6;
        font-family: 'Catamaran', sans-serif;
        margin-right: -71px;
        right:100px;
        font-size: 20px;
        text-align: left;
    }

.Bio p {
    padding-left: 29px;
    position: relative;
    top:21px;
    margin-right: 25px;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    word-break: normal;
    }



#Services-Banner{ display:none;}

/**********************************
SERVICES CellPhone
***********************************/

.serv {clear:both;
    }

.serv h3 { padding:inherit;
           text-align:center;
            position: relative;
            top:80px;

            font-size: 18px;
            padding-left: 0px;
}

.H-Container{
    list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 0px;
    padding-bottom: 50px;
    padding-top: 90px;
    font-size: medium;
}
.H-column-left{ float: none; width: 100%; }

.H-column-left li{ list-style-type:none}

.H-column-right{ float: none; width: 100%; }

.H-column-right li{ list-style-type:none;}


.H-column-center{ display: block; width: 100%; }

.H-column-center li{ list-style-type:none;}



/**********************************
Company Icons CellPhone
***********************************/

#Company-Icons { display: none;
                background-color:#F2F2F2;
                text-align: center;
                padding: 30px;
               }


.C-Icons li {
            display:inline;
            list-style: none;
            padding:2px;
}




/**********************************
Footer cellphone
***********************************/
#footer{ background-color: #4250A6;
         padding: 30px;
         align-items: center;

}

#whitelogo{ display:none;
            position: relative;
            top:10px;
            left: 115px;
            max-width: 50%}


#Copyrights  { text-decoration: none;
                text-align: center;
                position: relative;
                top: 5px;
                right: 0px;

                color:white;
                font-family: 'Catamaran', sans-serif;
                margin:auto 0px;
                font-size:10px;
}

}
/**********************************
End Home page
***********************************/













/****************************************************************************************************************************************************************************
Start of the Bio Page CSS
*****************************************************************************************************************************************************************************/


/**********************************
Debbies Weisber info full-width
***********************************/

.Debbie-Bio h2 {
    padding-left: 68px;
    position: relative;
    Bottom: -26px;
    color: #4250A6;
    font-family: 'Catamaran', sans-serif;

}
.Debbie-Bio { margin-top: 20px;
            margin-bottom: 0px;

}

.Debbie-Bio img {
                margin:auto;
                padding-top:70px;
                padding-left:107px;
}


.Debbie-Bio p {
            width: 94%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;
            padding-top: 136px;
            padding-left:69px;
            position: relative;
            top: -117px;

}

.half-2{ width: calc(67% - 40px);
        float:left;
        padding:21px;


}

.half-3 { width: calc(33% - 40px);
        float:left;
        padding:0px;


}







/**********************************
Bio page Laptop Css
***********************************/


@media screen and (min-width:1024px) and (max-width: 1440px){



/**********************************
Debbies Weisber info Laptop
***********************************/
.Debbie-Bio h2 {
    padding-left: 4px;
    position: relative;
    Bottom: 0px;
    color: #4250A6;
    font-family: 'Catamaran', sans-serif;

}

.Debbie-Bio { margin-top: 20px;
            margin-bottom: 0px;

}

.Debbie-Bio img {
                margin:auto;
                padding-top:35px;
                padding-left:35px;
}


.Debbie-Bio p {
            width: 94%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;
            padding-top:109px;
            padding-left:4px;
}

.half-2{ width: calc(67% - 40px);
        float:left;
        padding:21px;


}

.half-3 { width: calc(33% - 40px);
        float:left;
        padding:0px;


}



/**********************************
Company Icons Laptop
***********************************/

#Company-Icons { background-color:#F2F2F2;
                text-align: center;
                padding: 16px;
               }


.C-Icons li {
            display:inline;
            list-style: none;
            padding:13px;
}



}





/**********************************
Bio page Pads Css
***********************************/


@media screen and (min-width:768px) and (max-width: 1024px){
/**********************************
Header Style pad
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
}


/**********************************
H-Menu pad
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}



.button-nav {
/*   border: 3px solid white; */
  height: 50px;
   right: 50px;
  position: absolute;
  top: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/**********************************
Debbies Weisber info Pad
***********************************/
.Debbie-Bio h2 {
    padding-left: 135px;
    position: relative;
    Bottom: 0px;
    color: #4250A6;
    font-family: 'Catamaran', sans-serif;

}

.Debbie-Bio { margin-top: 20px;
            margin-bottom: 0px;

}

.Debbie-Bio img {
                margin:auto;
                padding-top:45px;
                padding-left:36px;
                width:100%;
}


.Debbie-Bio p {
            width: 81%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;
            padding-top:143px;
            padding-left:35px;
}

.half-2{ width: calc(67% - 40px);
        float:left;
        padding:0px;


}

.half-3 { width: calc(33% - 40px);
        float:left;
        padding:0px;


}


/**********************************
Company Icons pad
***********************************/

#Company-Icons { background-color:#F2F2F2;
                display:none;
                text-align: center;
                padding: 30px;
               }


.C-Icons li {
            display:inline;
            list-style: none;
            padding:14px;
}



}







/**********************************
Bio Page Cellphone Css
***********************************/
@media screen and (max-width: 767px){

/**********************************
Header Style Cellphone
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
    max-width: 60%;

}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
    display: none;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
     display: none;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
     display: none;
}


 /**********************************
H-Menu Cellphone
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}


.button-nav {
/*   border: 3px solid white; */
  height: 40px;
   right: 10px;
  position: absolute;
  top: 33px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/**********************************
Debbies Weisber info Cellphone
***********************************/

.Debbie-Bio h2 {

    position: relative;
    top: 0px;
    right:41px;
    color: #4250A6;
    font-family: 'Catamaran', sans-serif;
    margin: 0px;


}

.Bio-page h3{ display:none;
    }

.Debbie-Bio { margin-top: 20px;
            margin-bottom: 0px;

}

.Debbie-Bio img {
                margin:auto;
                padding-top:162px;
                padding-left:36px;
                width:100%;
                display:none;
}


.Debbie-Bio p {
            width: 141%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;
            padding-top: 130px;
            padding-left:32px;
}

.half-2{ width: calc(67% - 40px);
        float:left;
        padding:0px;


}

.half-3 { width: calc(33% - 40px);
        float:left;
        padding:0px;


}
}

/************************************************
End Bio Page CSS
*************************************************/









/****************************************************************************************************************************************************************************
Start of the clients page CSS
*****************************************************************************************************************************************************************************/




/**********************************
Clients fullwidth
***********************************/
.serv-2 h3{
            padding:inherit;
            text-align: center;
            position: relative;
            top:-15px;
            font-size: 38px;
            font-family:'Catamaran', sans-serif;
            font-weight: lighter;
            padding-left: 100px;
            padding-right: 100px;

}


.container{
        list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 207px;
    padding-bottom: 50px

}
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }
.column-left li{ list-style-type:none}
.column-right li{ list-style-type:none;}
.column-center li{ list-style-type:none;}



/**********************************
Clients page Laptop Css
***********************************/



@media screen and (min-width:1024px) and (max-width: 1440px){


/**********************************
Clients Laptop Css
***********************************/
.serv-2 h3{
            padding:inherit;
            text-align: center;
            position: relative;
            top:-15px;
            font-size: 29px;
            font-family:'Catamaran', sans-serif;
            font-weight: lighter;
            padding-left: 100px;
            padding-right: 100px;

}

.container{
        list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 151px;
    padding-bottom: 50px

}
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }

.column-left li{ list-style-type:none}
.column-right li{ list-style-type:none;}
.column-center li{ list-style-type:none;}

}






/**********************************
Clients page  Pads Css
***********************************/


@media screen and (min-width:768px) and (max-width: 1024px){
/**********************************
Clients Page Header Style pad
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
}


/**********************************
Clients Page H-Menu pad
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}



.button-nav {
/*   border: 3px solid white; */
  height: 50px;
   right: 50px;
  position: absolute;
  top: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/**********************************
Clients pad
***********************************/

.serv-2 h3{
            padding:inherit;
            text-align: center;
            position: relative;
            top:-15px;
            font-size: 22px;
            font-family:'Catamaran', sans-serif;
            font-weight: lighter;
            padding-left: 100px;
            padding-right: 100px;

}

.container{
        list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 22px;
    padding-bottom: 50px;
    font-size: medium;


}
.column-left{ float: left; width: 40%; }
.column-right{ float: right; width: 28%; }
.column-center{ display: inline-block; width: 26%; }

.column-left li{ list-style-type:none}
.column-right li{ list-style-type:none;}
.column-center li{ list-style-type:none;}

}






/**********************************
Clients page Cellphone Css
***********************************/
@media screen and (max-width: 767px){

/**********************************
Cellphone Header Style Cellphone
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
    max-width: 60%;

}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
    display: none;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
     display: none;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
     display: none;
}


 /**********************************
CellphoneH-Menu Cellphone
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}


.button-nav {
/*   border: 3px solid white; */
  height: 40px;
   right: 10px;
  position: absolute;
  top: 33px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/**********************************
Client CellPhone
***********************************/

.serv-2 h3{
            padding:inherit;
            text-align: center;
            position: relative;
            top:-15px;
            font-size: 15px;
            font-family:'Catamaran', sans-serif;
            font-weight: lighter;
            padding-left: 10px;
            padding-right: 10px;

}



.container{
    list-style-type: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: gray;
    padding-left: 0px;
    padding-bottom: 50px;
    font-size: medium;


}
.column-left{ float: none; width: 100%; }

.column-left li{ list-style-type:none}

.column-right{ float: none; width: 100%; }

.column-right li{ list-style-type:none;}


.column-center{ display: block; width: 100%; }

.column-center li{ list-style-type:none;}
}

/********************************************************************************************
End of the services page CSS
*********************************************************************************************/




/****************************************************************************************************************************************************************************
Start of the Books page CSS
*****************************************************************************************************************************************************************************/

.Book-info {padding-top:100px;
            padding-bottom:100px;}


.Book-info h2{ margin:0px;
            padding:0px;
            position:relative;
            top:10px;
}



.Book-info li{
            width: 81%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:3px;
}


.Book-info p {
            width: 74%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:24px;
}

.Book-info i { color:#ED1E79;}


.Book-info img{ width: 50%;
    margin: auto;
    display: block;
}




.Book-1{ width: calc(50%);
        float:left;
        padding:0px;


}

.Book-2 { width: calc(50%);
        float:left;
        padding-top:60px;

}


.Book-Button{position:relative;

    float: left;
    color: white;
    border: 3px solid #00A4DF;
    padding: 15px 32px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;}

.Book-Button a{ text-decoration:none}


.clear{clear: both;}






/**********************************
Book page Laptop Css
***********************************/


@media screen and (min-width:1024px) and (max-width: 1440px){

/**********************************
Book Info Laptop Css
***********************************/

.Book-info {padding-top:100px;
            padding-bottom:100px;}


.Book-info h2{ margin:0px;
            padding:0px;
            position:relative;
            top:10px;
}



.Book-info li{
            width: 81%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:3px;
}


.Book-info p {
            width: 74%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:24px;
}

.Book-info i { color:#ED1E79;}


.Book-info img{ width: 80%;
    margin: auto;
    display: block;
}




.Book-1{ width: calc(50%);
        float:left;
        padding:0px;


}

.Book-2 { width: calc(50%);
        float:left;
        padding-top:60px;

}


.Book-Button{position:relative;

    float: left;
    color: white;
    border: 3px solid #00A4DF;
    padding: 15px 32px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;}

.Book-Button a{ text-decoration:none}


.clear{clear: both;}

}




/**********************************
Books page  Pads Css
***********************************/


@media screen and (min-width:768px) and (max-width: 1024px){
/**********************************
Books Page Header Style pad
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
}


/**********************************
Books Page H-Menu pad
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}



.button-nav {
/*   border: 3px solid white; */
  height: 50px;
   right: 50px;
  position: absolute;
  top: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}






/**********************************
Books page info pad
***********************************/
.Book-info {padding-top:100px;
            padding-bottom:100px;}


.Book-info h2{ margin:-9px;
            padding:0px;
            position:relative;
            top:0px;
            left:20px;
            font-size:medium;

}



.Book-info li{
            width: 110%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:3px;
}


.Book-info p {
            width: 98%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:24px;
}

.Book-info i { color:#ED1E79;}


.Book-info img{ width: 71%;
    margin: auto;
    display: block;
    position: relative;
    top:27px;

}




.Book-1{ width: calc(48%);
        float:right ;
        padding:0px;


}

.Book-2 { width: calc(50%);
        float:right;
        padding-top:60px;

}


.Book-Button{position:relative;
    left:20px;
    float: left;
    color: white;
    border: 3px solid #00A4DF;
    padding: 15px 32px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;}

.Book-Button a{ text-decoration:none}


.clear{clear: both;}

}





/**********************************
Books page Cellphone Css
***********************************/
@media screen and (max-width: 767px){

/**********************************
Cellphone Header Style Cellphone
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
    max-width: 60%;

}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
    display: none;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
     display: none;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
     display: none;
}


 /**********************************
CellphoneH-Menu Cellphone
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}


.button-nav {
/*   border: 3px solid white; */
  height: 40px;
   right: 10px;
  position: absolute;
  top: 33px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/**********************************
Books page info Cellphone
***********************************/

.Book-info {padding-top:30px;
            padding-bottom:100px;}


.Book-info h2{ margin-left: 5px;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    font-size: medium;

}



.Book-info li{
            width: 85%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;

            padding-left:3px;
}


.Book-info p {
            width: 80%;
            font-family: 'Catamaran', sans-serif;
            font-size: medium;
            font-weight: 100;
            color:gray;
            padding-left:24px;
}

.Book-info i { color:#ED1E79;}


.Book-info img{ width: 71%;
    margin: auto;
    display: none;
    position: relative;
    top:27px;

}




.Book-1{ width: calc(48%);
        float:right ;
        padding:0px;


}

.Book-2 { width: calc(98%);
        float:right;
        padding-top:20px;

}


.Book-Button{position:relative;
    left:73px;
    float: left;
    color: white;
    border: 3px solid #00A4DF;
    padding: 15px 32px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;}

.Book-Button a{ text-decoration:none}


.clear{clear: both;}
}

/********************************************************************************************
End of the Book page CSS
*********************************************************************************************/




/****************************************************************************************************************************************************************************
Start of the Contact Page CSS
*****************************************************************************************************************************************************************************/


.Contact{padding: 300px;}


.Contact-P p{
    width:90%;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: grey;
}

.Contact-P ul {   list-style-type: none;
    position: relative;
    left: -37px;
}

.Contact-P li{  font-family: 'Catamaran', sans-serif;
    color: #4250a6;
    font-weight: medium;}

.Contact-P h1
    { font-family: 'Catamaran', sans-serif;
    color:#4250A6;}



#contact-form {
    border: 1px;
    border-radius: 9px;
    padding-left: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background: rgb(66, 80, 166);
    position: relative;
    /*left: 131px;*/
}

.row > textarea {
  height: 100%;
}

.message {
  text-align: left;
  color: red;
}

.g-recaptcha {
  margin: 10px auto;
}

.input{width: 74%;
    height: 21px;}

.Label {font-family: 'Catamaran', sans-serif;
        color:white;
        font-weight: 100;
}


.Contact-P{ width: calc(50%);
        float:left;
        padding:0px;


}

.Contact-F { width: calc(50%);
        float:left;
        padding-top:0px;

}

#submit_button{
    position: relative;
    color: white;
    border: 2px solid #00A4DF;
    padding: 6px 23px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    background: #4250a6;}



.clear-C{clear: both;}








/**********************************
Contact PageLaptop Css
***********************************/


@media screen and (min-width:1024px) and (max-width: 1440px){

/**********************************
Contact Page Laptop Css
***********************************/

.Contact{padding: 100px;}


.Contact-P p{
    width:90%;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: grey;
}
.Contact-P h1
    { font-family: 'Catamaran', sans-serif;
    color:#4250A6;}



#contact-form {
    border: 1px;
    border-radius: 9px;
    padding-left: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 52%;
    background: rgb(66, 80, 166);
    position: relative;
    left: 131px;
}

.input{width: 74%;
    height: 21px;}

.Label {font-family: 'Catamaran', sans-serif;
        color:white;
        font-weight: 100;
}


.Contact-P{ width: calc(50%);
        float:left;
        padding:0px;


}

.Contact-F { width: calc(50%);
        float:left;
        padding-top:0px;

}

#submit_button{
    position: relative;
    color: white;
    border: 2px solid #00A4DF;
    padding: 6px 23px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    background: #4250a6;}



.clear-C{clear: both;}

}


/**********************************
Contact page  Pads Css
***********************************/


@media screen and (min-width:768px) and (max-width: 1024px){
/**********************************
Contact Page Header Style pad
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
}


/**********************************
Contact Page H-Menu pad
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}



.button-nav {
/*   border: 3px solid white; */
  height: 50px;
   right: 50px;
  position: absolute;
  top: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/**********************************
Contact Page info Pad Css
***********************************/

.Contact{
         padding-bottom: 170px;
    padding-top: 170px;
    padding-right: 50px;
    padding-left: 50px;
    }


.Contact-P p{
    width:90%;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: grey;
}
.Contact-P h1
    { font-family: 'Catamaran', sans-serif;
    color:#4250A6;}



#contact-form {
    border: 1px;
    border-radius: 9px;
    padding-left: 53px;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 86%;
    background: rgb(66, 80, 166);
    position: relative;
    left: 17px;
}

.input{width: 82%;
    height: 21px;}

.Label {font-family: 'Catamaran', sans-serif;
        color:white;
        font-weight: 100;
}


.Contact-P{ width: calc(50%);
        float:left;
        padding:0px;


}

.Contact-F { width: calc(50%);
        float:left;
        padding-top:0px;

}

#submit_button{
    position: relative;
    color: white;
    border: 2px solid #00A4DF;
    padding: 6px 23px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    background: #4250a6;}



.clear-C{clear: both;}

}

/**********************************
Contact page  Cellphone Css
***********************************/

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

/**********************************
Cellphone Header Style Cellphone
***********************************/
#header {
    background-color:#F2F2F2;
    color:white;
    padding:20px;

}

#logo {
    padding-left: 25px;
    max-width: 60%;

}

Nav { display: none;
    position: right;
      float:right;

}

nav ul {
	list-style-type: none;
	 margin-right: 100px;
     padding-top: 0px;
    display: none;

}

nav ul li {
	display: inline;
    margin: 0 5px 0 5px;
     display: none;
}

nav ul li a {
	color: #4250A6;
	text-decoration: none;
	padding: 5px;
    font-family:sans-serif;
     display: none;
}


 /**********************************
CellphoneH-Menu Cellphone
***********************************/
#H-menu {
  display: none;
  width: 100%;
  float: none;
  position: relative;
  height: 215px;
  background-color: #4250A6;
}
#H-menu ul {
  display: block;
margin-top: 0px;
padding-left:0px;
margin-right:0px;
margin-bottom: 0px;
padding-top: 4px;
}
#H-menu ul li {
  display: block;
border-bottom: 2px solid #283775;


}
#H-menu ul li a {
  display: block;
    color: white;
    text-align: center;
    padding:10px;

}


.button-nav {
/*   border: 3px solid white; */
  height: 40px;
   right: 10px;
  position: absolute;
  top: 33px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #4250A6;
  content: "";
  display: block;
  height: 3px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all .5s cubic-bezier(0.68,-0.55,0.265,1.55);
}

.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/**********************************
Contact Page info Cellphone Css
***********************************/

.Contact{
         padding-bottom: 150px;
    padding-top: 37px;
    padding-right: 0px;
    padding-left: 45px;
    }


.Contact-P p{
    width:100%;
    font-family: 'Catamaran', sans-serif;
    font-weight: 100;
    color: grey;
}
.Contact-P h1
    { font-family: 'Catamaran', sans-serif;
    color:#4250A6;}



#contact-form {
    border: 1px;
    border-radius: 9px;
    padding-left: 39px;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 98%;
    background: rgb(66, 80, 166);
    position: relative;
    left: -7px;
    top: 14px;
}

.input{width: 82%;
    height: 21px;}

.Label {font-family: 'Catamaran', sans-serif;
        color:white;
        font-weight: 100;
}


.Contact-P{ width: calc(82%);
    float: left;
    padding: 0px;

}

.Contact-F { width: calc(90%);
    float: left;
    padding-top: 0px;
}

#submit_button{
    position: relative;
    color: white;
    border: 2px solid #00A4DF;
    padding: 6px 23px;
    font-family: 'Catamaran', sans-serif;
    font-size: 15px;
    background: #4250a6;}



.clear-C{clear: both;}

}