/* Global Styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    color: #333;
    background: #f9f9f9;
	font-size:16px
}

p{	font-size:26px}

.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
	display:flex;
}

.container-n {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

/* Navigation Bar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #007699;
    color: white;
}

.navbar nav a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
}

/* Hero Section */
.hero {
    text-align: left;
    background: #007699;
    color: white;
    padding: 40px;
}

.hero h1 {
    font-size: 3.5rem;
}

.hero .btn {
    background: white;
    color: #00a859;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
	font-size:21px;
	font-weight:bold
}

/* Features Section */
.features {
    padding: 20px 0;
	background-color:#EBF2F4
}

.white{background-color:#fff}

.features .feature-list {
    list-style: none;
    padding: 0;
}

.features .feature-list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.features .feature-list img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.subheadlogo{
max-width:200px
}
.mainimg{max-width:100%}
.mob{display:none}
.desk{padding-left:10px;margin:auto}
.pr{padding-right:10px;margin:auto 1px}
label{display: block;
    float: none;}
.btnsubmit {
    background: white;
    color: #00a859;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
	font-size:21px;
	font-weight:bold;
	cursor:pointer
}

#resp-table {
width: 100%;
display: table;
max-width:1000px
}
.resp-table-row{
display: table-row;
}
.table-body-cell{
display: table-cell;
}
input  {
  width: 100%;
  height: 40px;
  font-size: 16px;
  border: 1px solid #CCC;
  background-color: transparent;
  max-width:300px;
  &:focus {
    outline: none;
    border-bottom: 1px solid #28a2a2;
  }
}
textarea{width: 100%;
 font-size: 16px;
  border: 1px solid #CCC;
  background-color: transparent;
  max-width:967px;
  &:focus {
    outline: none;
    border-bottom: 1px solid #28a2a2;
  }}
label
{
	padding:20px 0px 10px 0px}

/*mobile menu*/


.topnav {
  overflow: hidden;
  background-color: #007699;
  position: relative;
  
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #007699;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #04AA6D;
  color: white;
}
.topnav{display:none}
li strong {display:contents}
@media (max-width: 500px) {
 	.container{display:block}
	.desk{display:none}
	.mob{display:block}
	#resp-table {display:inline}
	.resp-table-row{
		display:block
	}
	.table-body-cell{
	display:block
	}
	input  {max-width:967px}
	.topnav{display:block;width:100%}
	.topnavdt{display:none}
	li{align-items:flex-start !important}
	.hero h1 {
    font-size: 3.1rem;}
}