body{
  /*Reset*/
  margin:0;
  /*margin-right: 20px;*/
  padding-left:20px;
  padding-right:20px;

  /*Base*/
  color:#262626;
  background-color: #f5fef4;

  /*Typography */
  /*font-family: 'Raleway', sans-serif;*/
  font-family: 'Raleway', sans-serif;
  /*font-family: 'Old Standard TT', serif;*/
  /*font-size: 15px;*/
  /*line-height:1.6;*/
}

h1{
  font-size: 50px;
  padding: 20px 0 0 0;
  margin: 0 0 25px 0;
  text-align: center;
}

h2{
  font-size:40px;
  padding:0;
  margin:0 0 20px 0;
}

h3{
  font-size:30px;
  padding:0;
  margin:0 0 15px 0;
  color:white;
}

p{
  margin: 0 0 20px 0;
  ont-size:35px;
}

ul, ol{
  margin:0 0 32px 0;
  padding:0;
  list-style-position: inside;
}

img{
  width:100%;
}

header{

  flex-wrap:wrap;
}

main{
  background-color: #8c8c8c;
}

main h3{
  font-size:30px;
  padding:0;
  margin:0 0 15px 0;
}



.main-wrapper{
  font-size:20px;
  margin:0 auto;
  padding-right:50px;
  padding-left:50px;
  text-align:center;
  /*background-color:#457c39;*/
  background-color:#00802b;
}

.main-wrapper h3 {
  font-size:30px;
}

.main-wrapper p{
  font-weight:normal;
  /*color:#000080;*/
  color:white;
}

.contact-wrapper{
  font-size:20px;
  margin:0 auto;
  padding-right:50px;
  padding-left:50px;
  text-align:center;
  /*background-color:#457c39;*/
  background-color:#8c8c8c;
}
address{
  font-style: normal;
}


.approach{
  font-size:20px;
  margin:0 auto;
  padding-right:50px;
  padding-left:50px;
  text-align:center;
  /*background-color: #8c8c8c;*/
  /*background-color:#f45844;*/
  /*background-color:#457c39;*/
  background-color:#00802b;
}

.approach h3{
  font-size:27px;
}

.approach p{
  font-weight:normal;
  color:white;
}

.columntext{
  background-color:#bfbfbf;
  padding-top:10px;
  margin-top: 0px;
  padding-left: 10px;
}

.forestrytext{
  /*background-color:#bfbfbf;*/
  background-color:#ff531a;
  color:white;
  padding-top:10px;
  margin-top: 0px;
  padding-left: 10px;
}

.rsgistext{
  background-color:#ff531a;
  color:white;
  padding-top:10px;
  margin-top: 0px;
  padding-left: 10px;
}

.hydrotext{
  background-color:#ff531a;
  color:white;
  padding-top:10px;
  margin-top: 0px;
  padding-left: 10px;
}

.contacttext{
  /*background-color:#ff531a;*/
  background-color:#1E90FF;
  color:white;
  padding-top:10px;
  margin-top: 0px;
  padding-left: 10px;
}

.contacttext a{
  font-size: 25px;
  color:;
}


.gallery{
  text-align:center;
  height:300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image:url(images/banner.png);
}

.gallery h1{
  font-size: 48px;
  color: white;
  line-height: 50px;
  text-align: center;
  padding: 20px 0 25px 0;
  margin: 0 0 50px 0;
  flex-wrap:wrap;
}

/* menu of header*/

.menu{
  flex: 1 0 auto;
}

.menu ul{
  list-style-type: none;
  padding:0;
  margin:0;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}

.menu li{
  margin: 20px;
  text-align: center;
  flex:1 0 auto;
}

.menu a{
  text-decoration: none;
  font-size: 20px;
  color:white;
  display:inline-block;
}

.menu a:hover,
.menu a:focus {
  color:red;
}

.menu a.current{
  color:red;
}


/* footer styles */

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

footer{
    flex:0 auto;
    flex-shrink: 0;
    background-color: #333333;
    color: white;
    text-align: center;
    text-decoration: none;
}

footer p{
  padding-left: 0px;
}

footer ul{
  list-style:none;
}

footer ul li{
  display:inline-block;
}

nav{
  text-decoration: none;
}

.icon-container{
  flex: auto;
  align-self: center;
}

.icon-container a{
  text-decoration:none;
}


/*Three columns container */

.columns{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  background-color:#b3b3b3;
  padding:70px 80px 30px 80px;
  align-self: flex-end;
}

.column{
  flex: 1 0 30%;
  min-width:200px;
  padding-right: 20px;
}

.column img{
display:block;
width:100%;
height:100%;
margin:0 auto;
}

.is-centered{
  display:block;
  margin:0 auto;
}

.forestry h4{
  color:white;
  background-color:black;
  padding-top: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-bottom:0px;
}

.rsgis h4{
  color:white;
  background-color:black;
  padding-top: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-bottom:0px;
}

.hydrology h4{
  color:white;
  background-color:black;
  padding-top: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom:0px;
  padding-bottom:0px;
}