html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

body > .pricingContainer011 {
  flex: 1; /* This pushes footer to the bottom */
  display: flex;
  flex-direction: column;
  /*background: #0057d8;*/
}


.headerMiddle{
display:none;
}

.headerRight{
width: 50%;
position: relative;
float: left;
height: 50px;
display: flex;
}


@media screen and (min-width: 0px) and (max-width: 900px) {
.headerLeft{
width: 50%;
height: 50px;
position: relative;
float: left;
display:flex;
}}

@media screen and (min-width: 900px) and (max-width: 3600px) {
.headerLeft{
width: 50%;
position: relative;
float: left;
}}


.headerLinks02{
margin:auto;
}

.signupBtn{
float: right;
margin: auto;
color: black;
}

.headerTop01{
height: 50px;
background-color: white;
}


.headerBtn01,.signupBtn{
display:none;
/*width: 150px;*/
/*height: 40px;*/
/*margin: auto;*/
/*border-style: solid;*/
/*border-width: 1px;*/
/*font-family: 'Texta-Bold.otf';*/
/*background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);*/
/*font-size: 22px;*/
/*color: white;*/
}




.welcomeText01{
text-align: center;
color: white;
font-size: 32px;
font-family: 'Texta-Bold.otf';
}


.welcomeText02{
text-align: center;
color: white;
font-size: 18px;
font-family: 'Texta-Regular.otf';
}


.welcomeText03{
text-align: center;
color: white;
font-size: 18px;
margin: auto;
font-family: 'Texta-Regular.otf';
}


.salesDiv01{
display: grid;
width: 100%;
height: 100px;
margin: auto;
}

.salesDiv02{
display:grid;
}



.salesBtn01{
width: 150px;
height: 30px;
margin: auto;
border-style: solid;
border-width: 1px;
background-color: white;
color: black;

}

.salesBtn02{
width: 250px;
height: 40px;
margin: auto;
border-style: solid;
border-width: 1px;
font-family: 'Texta-Bold.otf';
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
font-size: 22px;
color: white;

}


.featuresDiv{
width:100%;
}

.feature01{

}

.footer{
width:100%;
height:300px;
background-color: #003fc1;
}


.footer01{
width:33.3%;
height:300px;
position:relative;
float:left;
display: grid;

}


.footerTitle{
font-size:22px;
margin-left:25px;
color: white;
text-align:left;
font-family: 'Texta-Bold.otf';
}

.footerLinks01{
font-size:10px;
margin-left:25px;
color: white;
text-decoration:none;
text-align:left;
font-family: 'Texta-Regular.otf';
}

.pricingContainer{
width:100%;
/*height: 2200px;*/
}

.pricingDiv01{
display: grid;
width:100%;
/*height:600px;*/
}

/*.pricingBox01{*/
/*width:400px;*/
/*height:600px;*/
/*background-color:white;*/
/*box-shadow: 5px 5px #f4f5f8;*/
/*margin:auto;*/
/*}*/


@media screen and (min-width: 0px) and (max-width: 900px) {
.loginFont01{
font-size:28px;
color:black;
text-align:center;
font-family: 'Texta-Bold.otf';
}}

@media screen and (min-width: 900pxpx) and (max-width: 3600px) {
.loginFont01{
font-size:28px;
color:white;
text-align:center;
font-family: 'Texta-Bold.otf';
}}



.loginContainer{
display:grid;
}


.form01{
width: 75%;
text-align: center;
margin: auto;
}

.signupBtn{
margin:auto;
font-family: 'Texta-Regular.otf';
border-style: solid;
border-width: 1px;
background-color: white;
color: black;
/*margin-bottom: 25px;*/
margin: auto;
}




.loginFont02{
font-family: 'Texta-Regular.otf';
font-size:22px;
color: black
}


.loginBtn01{

width: 150px;
height: 40px;
margin: auto;
border-style: solid;
border-width: 1px;
border-radius:1px;
font-family: 'Texta-Bold.otf';
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
font-size: 22px;
color: white;

}


#id_username,#id_password{
width: 200px;
height: 25px;
border-width: 1px;
border-radius: 1px;
}

.signUpDiv{
background-color: white;
display:grid;
}

.signUpForm{
width:25%;
margin:auto;
display: grid;
}

.featuresSection{
background-color: #f9f9f9;
}

.featureItem{
display:none;
}



.featuresTitle {
text-align: center;
font-size: 36px;
color: #004a94;
margin-bottom: 10px;
width: 75%;
margin: auto;
font-family: 'Texta-Bold.otf';

}

.featuresIntro {
font-size: 22px;
color: #555;
width: 75%;
font-family: 'Texta-Regular.otf';
margin: auto;
}

.headerIndex01{
height:400px;
display: grid;
}

.howItWorksSection{
display:none;
}


.welcomeDiv01{
background-color: #044ada;
}





.topLogo01 {
  width: 200px;
}


.containerEmail01{
height:500px;
}

.emailFormDiv01{
display:grid;
}

.emailForm06{
margin: auto;
width: 100%;
display: grid;
}



.emailText02{
margin:auto;
font-family: 'Texta-Regular.otf';
}


.emailText01{
margin:auto;
font-family: 'Texta-Bold.otf';
}



.emailBtn05{width: 150px;
height: 40px;
margin: auto;
border-style: solid;
border-width: 1px;
font-family: 'Texta-Bold.otf';
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
font-size: 22px;
color: white;
}

#id_email{
width: 200px;
height: 35px;
margin: auto;
border-radius: 1px;
}




.pricingBox01 {
  height: auto; /* mobile-friendly */
  min-height: 500px; /* optional */
}




.pricingBox01{
width: 90%;
height: 900px;
background-color: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: auto;
margin-bottom: 50px;
border-style: solid;
border-width: 1px;
border-color: #ddd;
border-radius: 1px;
}

.pricingBox03{
display: flex;
}

.pricingBox04 {
display: grid;
}


.pricingBox05{
/*display: grid;*/
}



.pricingText01{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
color:black;

}



.pricingText02{
font-size: 18px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Regular.otf';
color:black;
}



.pricingText03{
font-size: 60px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Bold.otf';
color:black;
}


.pricingText04{
font-size: 22px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Regular.otf';
color:black;
}

.pricingText05{
font-size: 14px;
text-align: left;
padding-left: 30px;
font-family: 'Texta-Regular.otf';
color:black;
}


.pricingText06{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
background-color:#044ada;
height: 50px;
color:black;
}


.pricingText07{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
background-color:#f4be4f;
height: 50px;
color:black;
}

.pricingText08{
font-size: 32px;
text-align: left;
font-family: 'Texta-Bold.otf';
padding-left: 30px;
background-color:#3ac57d ;
height: 50px;
color:black;
}

.pricingBtn01{
width: 150px;
height: 40px;
margin: auto;
border-style: solid;
border-width: 1px;
font-family: 'Texta-Bold.otf';
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
font-size: 22px;
color: white;
}

/* Hamburger icon style */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 22px;
  cursor: pointer;
  z-index: 1001;
  margin: 20px;
}

.hamburger span {
height: 4px;
background: #044ada;
border-radius: 2px;
width: 100%;
}

/* Mobile menu panel */
.mobile-menu {
display: none;
flex-direction: column;
background-color: white;
position: fixed;
top: 60px;
right: 5px;
height: 20vh;
width: 125px;
padding: 15px 15px;
z-index: 1000;
border-style: solid;
border-color: #044ada;
border-width: 1px;
border-radius: 1px;
}

.mobile-menu a {
color: #044ada;
font-family: 'Texta-Regular.otf';
text-decoration: none;
font-size: 20px;
margin-bottom: 20px;
}

/* Show only on mobile */
@media screen and (max-width: 900px) {
.hamburger {
display: flex;
position: absolute;
top: 0;
right: 0;
}
}




/*.contact-form-container{*/
/*position: relative;*/
/*height: 500px;*/
/*top: 75px;*/
/*display: grid;*/
/*padding-bottom: 100px;*/
/*}*/

/*.contact-title{*/
/*text-align:center;*/
/*font-family: 'Texta-Regular.otf';*/

/*}*/

.contact-form{
margin:auto;
display: grid;
padding: 0 0 50px 0;
}

.form02{
display:grid;
}


.brand-highlight{
color:#003fc1;
}


.contactForm03,#contactEmail{
height: 30px;
border-style: solid;
border-color: #003fc1;
border-width: 1px;
border-radius: 1px;
}

#contactMessage{
height:200px
}

.contactDiv06{
background-color: white;
display:grid;
/*height:600px;*/
padding-top: 50px;
}

.contactBtn02{
width: 200px;
height: 45px;
margin: auto;
font-family: 'Texta-Regular.otf';
font-size: 22px;
color:white;
/*background-color: #3056ef;*/
background-image: linear-gradient(90deg, #3056ef 0%, #038ff4 100%);
}

.contactBtn02:hover{
width: 200px;
height: 45px;
/*margin: auto;*/
font-family: 'Texta-Regular.otf';
font-size: 22px;
color:white;
background-color: #3056ef;
border-style:solid;
border-width:.1px;
border-color:white;
}




.footerLinks02{
text-decoration:none;
}