@charset "UTF-8";
/* CSS Document */

/*Custom Font*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3,
.display-4, .display-5, .display-6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold
}

.bg-dark {
    background-color: #F06057;
}

h4.card-title {
    line-height: 35px;
}

.card-body {
	padding: 3rem;
}

#website{ display:none; }

u
{text-decoration-color:#FFBF3C; text-decoration-thickness: 2px; text-underline-offset: 10px;}

html, body, .tooltip, .popover {
  font-family: 'Montserrat', sans-serif
}
code, kbd, pre, samp, .text-monospace {
  font-family: 'Montserrat', monospace
}
button, input, optgroup, select, textarea {
  font-family: inherit
}


a.nav-link {
    color: #ffffff;
    font-size: 1.2em;
}
a.nav-link.active {
    color: #ffffff;
	font-weight: bold;
}

li.nav-item {

	padding: 1em;
}

.nav-link:hover {
    color: #ffffff!important;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0;
}
.navbar-nav {
            margin-left: auto;
        }
.navbar-toggler {
    border: 0px;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

/*Navbar opacity change on scroll*/
.navbar{
  position: fixed;
  transition: 1s;
	min-height: 130px;
}

 .navbar-brand{
  		color: #fff;
  		font-size: 45px;
  		font-family: Germania;
  		cursor: pointer;
  	}
  	.icon-bar{
  background-color: #000;
}

header {
  position: relative;
  background-color: #F06057;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('videos/istockphoto-1287601917-640_adpp_is.mp4');
  }

}

/* Portfolio */

.thumbnail-overlay {
    background: #090909b0;
    background-color: rgba(0,0,0,.8)!important;
}

.media-box-title {
	font-family: 'Montserrat', sans-serif;
  font-weight: bold;
    letter-spacing: 0px;
    line-height: normal;
    color: #ffffff!important;
    font-size: 18px;
}

/* Footer */
.social:hover{opacity: 0.7;
}

/*Custom Button*/
.btn-default
{
  background-color: #FFBF3C;
  color:#FFF;
  border-color: #FFBF3C;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

  background-color: #ffffff;
  color:#FFBF3C;
  border-color: #FFBF3C;
 }