/* Required for full background image */
body{
	margin: 0;
  padding: 0;
}
html,
body,
header,
.view {
  min-height: 100vh;
  font-family: Segoe UI;
  margin: 0px;
  padding: 0px;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 500px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,	
  .view {
    height: 500px;
  }
}

.btn .fa {
  margin-left: 3px;
}

.top-nav-collapse {
  background-color: #424f95 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

#mobMenu{
  display:none;
}

#mdb img{
	width: 100%;
}
#social a {
	color: black;
}

.btn-black {
  color: black !important;
}

h6 {
  line-height: 1.7;
}

.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(42, 27, 161, 0.7)), to(rgba(29, 210, 177, 0.7)));
  background: -o-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: linear-gradient(to 45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%)
}

.view.mask {
  overflow: auto !important;
}

#menu ul li{
  list-style: none;
  float: left;
  font-size: 15px;
  padding: 0px 0px 0px 40px;
}

#menu ul li a{
  color: black;
}

#gsbtn{
  height: 60px; 
  width: 250px;
  margin: 2px 0px;
  background-color: transparent;
  color: black;
  border: 2px solid black;
  border-radius: 5px;
  cursor: pointer;
}

#whats{
  background-color: white;
  color: black;
  border: 2px solid black;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
	text-decoration: none;
}

#phonec{
  background-color: white;
  color: black;
  border: 2px solid black;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 30px;
	text-decoration: none;
}

#whats a {
}

#whatsicon{
	color: #0cc243;
}

#header {
  width: 80%;
  margin: 0 auto;
  color: black;
}

#body {
  width: 80%;
  margin: 0 auto;
  color: black;
}

#homespace{
  height: 80px;
}

#abt{
	text-transform: none;
	
}

#capitalize{
	text-transform: capitalize;
}

#abt b{
	font-size: 1.6em;
}

@media only screen and (max-width: 800px) {
	
  #container {
    width: 90%;
    margin: 0 auto;
  }

  #gsbtn{
    height: 60px; 
    width: 150px;
    font-size: 18px;
  }

  #homespace{
    height: 40px;
  }

  #centerInfo{
    width: 95%;
	margin: 0 auto;
  }

  #centerInfo h1{
    font-size: 2em;
  }

  #whynot {
    font-size: 18px !important;
  }

  #header{
    display:none;
  }

  #body{
    width: 99%;
  }

  #preheader{
    display:none;
  }

  #mobMenu{
    display: block;
    background: #142231 !important;
  }

  .navbar-nav{
    background: #142231 !important;
  }

  .navbar-nav li{
    padding: 10px;
  }

  #copyright{
    text-align: left !important;
  }

  #whats{
    position: fixed;
    bottom: 20px;
    right: 2px;
  }

  #phonec{
    position: fixed;
    bottom: 20px;
    left: 5px;
  }
  #abtImg{
      width: 400px !important;
  }
}