/* Start Global Styles */

body {
    height: 100%;
    font-family: 'Montserrat', sans-serif;
}

.whiteiconcolor {
  color: white;
}


a.box-container:hover {
    -webkit-filter: drop-shadow(0px 5px 5px #aaa);
    filter: drop-shadow(0px 5px 5px #aaa);
    transition: opacity 0.7s ease-in-out
}

/* End Global Styles */


/* Navigation Background Colour */

.bg-dark {
    background-color: #000000 !important;
}



.btn-secondary {
    color: #fff;
    background-color: #000000 ;
    border-color:  #000000 ;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #191919;
    border-color: #191919;
}

/* Button Hover State */

.btn-primary:hover {
    color: #fff;
    background-color: #5499c7;
    border-color: #5499c7;
}

/* Button normal state */
.btn-primary {
    color: #fff;
    background-color: #21618c;
    border-color: #21618c;
}


/* Nav Link Colour */

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: white;
}
.navbar-dark .navbar-nav .nav-link {
    color: black;
}


/* Contact Form Styling */


form { max-width:420px; margin:0px auto; }

.feedback-input {
  font-weight:500;
  font-size: 18px;
  border-radius: 10px;
  line-height: 10px;
  background-color: transparent;
  border:2px solid #000000;
  transition: all 0.3s;
  padding: 5px;
  margin-bottom: 0px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #000000; }

textarea {
  height: 150px;
  resize:vertical;
  width: 100%;
}

[type="submit"] {
  width: 100%;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  background-color: #000000;
  font-size:24px;
  padding-top:1px;
  padding-bottom:1px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}