/* General Demo Style */
@import url('https://fonts.googleapis.com/css?family=Arimo');
body, html {
  height: 100%;
  margin: 0;
  
}

body {font-family: 'Arimo', sans-serif; font-size: 16px; background: #fff;}
* {box-sizing: border-box;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}


h1 { color:#013c19;}
h2 { color:#013c19;}

hr {height:1px; border:0; border-top:1px solid #ddd; margin:10px 0; padding:0; }


.logo {width: 30%}


.navbar {
  overflow: hidden;
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  
  border-bottom: 1px #F5F5F5 solid;

}

.navbar a.logo {
  float: left;
  display: block;
  padding: 5px 0 5px 5%;
   margin-right: 8px;
 
}

.navbar .menu-icon, .navbar .menu-Xicon {
  display: none;
}



.navbar a.logo img {height: 60px;}


.navbar a.text {
  float: left;
  display: block;
  margin: 10px 4px;
  color: #000;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 15px;
}

.navbar a.social {
  float: right;
  display: block;
  padding: 12px 16px;
   margin: 10px 8px;
  
}

.navbar a.text:hover, .navbar a.social:hover {
  border-bottom: 2px #FCBA12 solid;
 
  
  
}


.navbar a.active  {
  font-weight: bold;  
   border-bottom: 2px #FCBA12 solid;
}





.hero-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.hero-mobile {display: none;}

.top-table {margin-top: 30px;}

.top-heading{color:#013c19; font-size: 52px;}

.form-block {display: block; position: relative;width: 60%; margin: 0 auto; }

div.static {
  position: static;
  width: 100%;
  height: 1%;
  padding: 5px;
  border-radius: 25px;
  background-color: #fff;
  border: 2px #FCBA12 solid;
  box-shadow: 10px 10px 5px #ccc8c8 ;
}


.table-left {padding: 80px 30px 0 0;}

button {
  border: 0;
  border-radius: 10px;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: #000;
  font-size: 16px;
  background-color:#FEFE33;
  text-align: center;
  cursor: pointer;
}

button:hover {
  background-color: #000;
  color: white;
}


button.black {
  background: #fff; color:#013c19; border: 1px #013c19 solid;
}

button.black:hover {
  background-color: #FCBA12;
  border: 1px #FCBA12 solid;
  color: white;
}

i {
  border: solid #013c19;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


/* Full-width input fields */
input[type=text], input[type=password], input[type=email], input[type=tel], select {
    width: 100%;
    padding: 12px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}


textarea{
    width: 100%;
    padding: 12px 10px;
    margin: 4px 0;
    display: block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}



input[type=submit], input[type=button] {
    width: 50%;
	display: block;
	background-color: #013c19;
    color: #fff;
    padding: 14px 20px;
    margin: 8px 2px;
    border: 0;
	border-radius:2px;
    cursor: pointer;
	font-size: 16px;
   }

input[type=submit]:hover, input[type=button]:hover {
    background-color: #FCBA12;
   }
 
	
	.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


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

	

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr {}
	
	td { 
		/* Behave  like a "row" */
		width:95%;
		border: none;
		position: relative;
		text-align: center;
		padding:10px;
		 
	}
	

.navbar a.logo {
  float: left;
  display: block;
  padding: 5px 0 5px 5%;
   margin-right: 8px;
 
}



.navbar a.text, .navbar a.social {
  display: none;
  
}

.navbar .menu-icon {
    float: right;
    display: block;
	padding: 10px 10px 10px 25px;
	color:#000;
	text-decoration: none;
	font-size:28px;
  }
  
  .navbar.top-responsive {background:#013c19; color:#fff; padding-bottom: 5px;}
   
  .navbar.top-responsive .menu-Xicon {
	display: inline-block;
	position: absolute;
    right: 0;
    top: -5px;
    color: #fff;
    font-size: 45px;
    text-decoration: none;
	padding: 10px 10px 10px 0;

   }
   
  
   .navbar.top-responsive .menu-icon {display: none;}
   
   
   .navbar.top-responsive a.logo {
  float: none;
  display: block;
  padding: 5px 0 5px 5%;
   margin-right: 8px;
 
}
   
   .navbar.top-responsive a.text, .navbar.top-responsive a.social {
    float: none;
  display: block;
  text-align: left;
  padding: 10px 0 10px 5%;
  
  
  }
  
  .navbar.top-responsive a.text {color:#fff;}
  
	 .navbar.top-responsive a.text:hover,  .navbar.top-responsive a.text.active {border:0; font-weight:normal;}


.hero-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

 .hero-mobile {display: block; margin-top: 40px;}
 
.mobile-hide {display: none;}


.top-table {margin-top: 0;}


.top-heading{font-size: 38px;}

.form-block {width: 90%;}
	
	
	
input[type=submit], input[type=button] {
    width: 100%;
	
   }
   
  
	
}