/* Menu */ 

nav{
    background-color:#fff;
    display:block;
}

.nav-link{ /* adds wider spacing between menu items */
	padding-right:2rem !important;
	padding-left:2rem !important;
}

li{
    display:inline-block;
}

a{
    text-decoration:none;
}

/* when holding down mouse click, change colour*/
.menudiv li a:active{
 color: #fff;
}


a:hover{
    color:white;
    background-color: #bd7225;
    border-radius:25px/75px;
}

.active{
    color:white;
    background-color: #bd7225;
    border-radius:25px/75px;
}

.menu{
    background-color:#fff;
    border:0;
    color:#000; 
    font-family:Trump_Gothic_East, Lato, Sans-Serif; 
    padding:6px; 
    font-size:35px
}

.margin_auto{
	margin:auto;
}

.menuLogo{
   width:100%;
   margin:auto; 
   display:block;
}

/* buttons */

.button {
    background-color: #bd7225;
    border: none;
    color:white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 10px 2px;
    cursor: pointer;
}

/* web landing page */

.title{
    font-family:trump_gothic_east, Lato, Sans-Serif;
    text-align:center;
    font-weight:700;
    font-size:120px;
    text-shadow:4px 5px 5px #000;
    margin:0% 5% 0% 5%;
    letter-spacing:2px;
}

.myDiv{
    position: relative;
    z-index: 1;
}

.about_image{
    background-image: url('/images/mountain.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    /*background-position: top;*/
    position: absolute;
    z-index: -1;
    /*top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    opacity: .6;
    width: 100%;
    height: 100%;
}

body{
    padding-top:0 !important;
}

.heading3{
    font-family:trump_gothic_east, Lato, Sans-Serif;
    text-align:center;
    font-size:41px;
    font-weight:700;
    line-height:1em;
    letter-spacing:2px;
    margin-bottom:0;
    text-shadow: 4px 4px 5px #000;
}

.heading2{
    font-family:trump_gothic_east, Lato, Sans-Serif;
    text-align:center;
    font-size:62px;
    font-weight:700;
    line-height:1em;
    letter-spacing:2px;
    color:#46555C;
    margin-bottom:0;
    text-shadow:2px 2px 2px #fff, 2px 2px 0px #bbb;
}

.subheading2{
    font-family:trump_gothic_east, Lato, Sans-Serif;
    text-align:center;
    font-size:62px;
    font-weight:700;
    line-height:1em;
    letter-spacing:2px;
    color:#46555C;
    margin-bottom:0;
    text-shadow:2px 2px 2px #000, 2px 2px 0px #bbb;
}

.subheading2a{
    font-family:trump_gothic_east, Lato, Sans-Serif;
    text-align:center;
    font-size:62px;
    font-weight:700;
    line-height:1em;
    letter-spacing:2px;
    color:#46555C;
    margin-bottom:0;
}

/*.above{
    margin-top:5%;
}*/

.yBackground{
    background-color: rgba(230, 175, 91, 0.15);
}

.gBackground{
    background-color: #E8E6E7;
}

.text{
    font-size:20px;
    font-weight:300;
    letter-spacing:2px;
    line-height:1.2em;
    padding:5% 5% 0% 5%;
    font-family:Verdana, Lato, Sans-Serif;
    text-align:center;
    /*margin: 0 5% 0 5%;*/
}

.padding{
    padding:5% 10%;
}

.parapadding{
    padding: 0 10% 5%;
}


/* back to top button */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #bd7225;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #e6af5b;
}

/* CONTACT FORM-----------------------------*/
input[type=text], select, textarea{ /* changes styling for all these elements */
	width:100%;
	background-color:#f3f3f3;
	font-size:1em;
	/*color:#a5a5a5;*/ /* input text colour */
	padding: 2% 0; /* padding top/bottom */
	border-radius:4px;	/* creates corner curves on boxes */
	text-indent:20px; /* indents text away from left side of input box */
}

input[type=email]{ /* changes styling for email element */
	width:100%;
	background-color:#f3f3f3;
	font-size:1em;
	color:#a5a5a5; /* input text colour */
	padding: 2% 0; /* padding top/bottom */
	border-radius:4px;	/* creates corner curves on boxes */
	text-indent:20px; /* indents text away from left side of input box */
}

::placeholder{
	color:#a5a5a5; /* text colour within input box */
	padding:5px; /* spacing around text */
}



.formcontainer{
	/* background-image:url("../images/tui.jpg"); */
	background-repeat:no-repeat; /* for image to only appear once */
	background-size:cover; /* fill the container */
	margin:auto;
	width:60%;
	height:auto;
	max-width:100%;
}

.white-box{
    background-color:rgba(255,255,255,0.7); /* creates see-through box between image and form */
    color:#000;
    font-weight:900; /*makes the text bold. Values are from 100 (being thin) and 900 (being thick)*/
    margin-bottom:3%;
    margin-top:3%;
    height:100%;
    font-size:1em;
    padding-left:20px;
    padding-right:20px;
    padding-top:1%;
    padding-bottom:5%;
    border-radius:5px; /*creates corner curves on boxes*/
    min-width:275px;
    max-width:100%;
}

.form{
    box-shadow: 5px 2px 4px #a5a5a5; /* left down blur color*/
    outline:none;
    border:1px solid #a5a5a5; /* size, type, color*/
}

textarea{
    box-sizing:border-box; /*resizes the message box*/
    padding:5%;
    font-family: 'Open Sans', Helvetica, "Lucida Grande", sans-serif;
    text-indent:1%;
}

.form-control:focus{
    border-color:#c0b39a;
}


/* Smaller screen sizes */  
  
@media only screen and (max-width: 600px) {
  
  .menuLogo{
      width:100%;
  }
  
  nav{
      position:inherit !important;
  }
  
  .title{
      font-size: 85px;
  }
  
  .formcontainer{
      width:100%;
  }
  
  .eaglesm{
      width:200px;
      display:block;
      margin-left:auto;
      margin-right:auto;
      margin-top:8%;
  }
  
}