@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
html {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000000;
    height: 100%;
}


/*.navbar { position: fixed; top: 0; right: 0;left: 0;z-index: 1030; background-color: #09184C;}*/
.header2{font-size: 1.5rem !important; margin-bottom: 0.5rem;}

/* .about{vertical-align: middle; height: 500px;} */

.text-green{color: #72BF44;}
.text-blue{color: #0088DE;}
.text-offwhite{color: #8FA4B8;}
/* .text-inputfield{color:#67697E;} MV */
.text-inputfield{color:#FFFFFF;} /* MV */
.text-ssm{font-size: 0.8rem;}
a.hover:hover{color:  #72BF44 !important;}
.px-10{padding:0 120px 0 120px;}
.px-10-nav{padding: 0 80px 0 80px;}
.pt-50{padding-top: 150px;}
.width-50{width: 44%;}
.w-content{width: 75%;}
.radious-25{border-radius: 25px;}
.bg-green{background-color: #72BF44;}
.pl-main{padding-left: 5%;}
.pt-main{padding-top: 100px;}
.pl-main-m{padding-left: 10%;}
.pt-main-m{padding-top: 10%;}
.form-bg{background-color: #04417B;}
#hello-container {padding-top: 3rem !important;}
#div_Hello {height: 100vh !important;}
#div_MV {height: 100vh !important;}
#services {height: 100vh !important;}
/*#contact {height: 100vh !important;}*/
#contact {height: 100% !important;}
/*.Copyright{padding-left: 50px;}*/

/*.bg-hello{background-image: url('../images/bkg_01.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}*/
.bg-hello{background-image: url('../images/bkg_new_01.png'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
/*.bg-mailvault{background-image: url('../images/mv_bkg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}*/
.bg-mailvault{background-image: url('../images/bkg_new_07.png'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg-services{background-image: url('../images/bkg_03.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg-about{background-image: url('../images/bkg_04.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg-contact{background-image: url('../images/bkg_05.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}

/*Go tp\o Top Button*/
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0px; /* Some padding */
  border-radius: 25px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

/*#myBtn:hover {
  background-color: #0088DE;
}*/

@media screen and (max-width: 1024px){
.px-10{padding:0 60px 0 60px;}
.px-10-nav{padding: 0 60px 0 60px;}
.pt-main{padding-top: 35px;}
.pl-main{padding-left: 8%;}
.pl-main-m{padding-left: 19%;}
.pt-main-m{padding-top: 10%;}
.w-content{width: 91%;}
#hello-container {padding-top: 0px !important;}
#div_Hello {height: 720px !important;}
#div_MV {height: 720px !important;}
}

@media screen and (max-width: 844px){
.px-10{padding:0 30px 0 30px;}
.px-10-nav{padding:0 30px 0 30px;}
.pt-main{padding-top: 90px;}
.pl-main-m{padding-left: 10%;}
.w-content{width: 100%;}
.width-50{width: 100%;}
#hello-container {padding-top: 0px !important;}
#div_Hello {height: 1024px !important;}
#div_MV {height: 540px !important;}
#services {height: 540px !important;}
#contact {height: 1055px !important;}
}

@media screen and (max-width: 768px){
.display-2{font-size: 4rem !important;}
h2{font-size: 1.5rem !important;}
.text-ssm{font-size: 1rem;}
.px-10{padding:0 30px 0 30px;}
.px-10-nav{padding:0 30px 0 30px;}
.pt-main{padding-top: 0px;}
.pl-main-m{padding-left: 10%;}
.pt-main-m{padding-top: 3%;}
.w-content{width: 100%;}
.width-50{width: 90%;}
#hello-container {padding-top: 3rem !important;}
#div_Hello {height: 620px !important;}
/*#div_MV {height: 540px !important;}*/
/*#services {height: 100vh !important;}*/
}

@media screen and (max-width: 667px){
.display-2{font-size: 4rem !important;}
h2{font-size: 1.5rem !important;}
.text-ssm{font-size: 1rem;}
.px-10{padding:0 30px 0 30px;}
.px-10-nav{padding:0 30px 0 30px;}
.pt-main{padding-top: 0px;}
.pl-main-m{padding-left: 5%;}
.pt-main-m{padding-top: 3%;}
.w-content{width: 100%;}
.width-50{width: 90%;}
#hello-container {padding-top: 3rem !important;}
#div_Hello {height: 620px !important;}
#div_MV {height: 620px !important;}
#services {height: 540px !important;}
}

@media screen and (max-width: 640px){
.px-10{padding:0 20px 0 20px}
.px-10-nav{padding:0 20px 0 20px}
.w-content{width: 100%;}
.width-50{width: 100%;}
.pl-main{padding-left: 5%;}
.pl-main-m{padding-left: 5%;}
.pt-main-m{padding-top: 5%; padding-bottom: 20px;}
.display-2{font-size: 4rem !important;}
h2{font-size: 1.3rem !important;}
.text-ssm{font-size: 1rem;}
.mv-mt{margin-top: 162px !important;}
/*.bg-services{background-repeat: no-repeat; background-size: 250% 100%; background-position: 85% 50%;}*/
/*.bg-hello{background-image: url('../images/bkg_01.jpg'); background-repeat: no-repeat; background-size: 250% 100%; background-position: center center;}*/
.bg-hello{background-image: url('../images/bkg_mo_01.png'); background-repeat: no-repeat; background-size: 110% 100%; background-position: center center;}
/*.bg-mailvault{background-image: url('../images/mv_mo_bkg.jpg'); background-repeat: no-repeat;}*/
.bg-mailvault{background-image: url('../images/mv_mo_new_bkg.png'); background-repeat: no-repeat;}
.bg-services{background-image: url('../images/bkg_03.jpg'); background-repeat: no-repeat; background-size: 250% 100%; background-position: 85% 50%;}
.bg-about{background-image: url('../images/bkg_04.jpg'); background-repeat: no-repeat; background-size: 300% 100%; background-position: 75% 90%;}
.bg-contact{background-image: url('../images/bkg_05.jpg'); background-repeat: no-repeat; background-size: 250% 100%; background-position: center center;}
#hello-container {padding-top: 3rem !important;}
#div_Hello {height: 100vh !important;}
#div_MV {height: 720px !important;}
#services {height: 100vh !important;}
#contact {height: 1055px !important;}
}