@font-face { font-family: Montserrat-Bold; 
    src: url('../fonts/Montserrat-Bold.ttf'); }
@font-face { font-family: Montserrat-Regular; 
    src: url('../fonts/Montserrat-Regular.ttf'); }
@font-face { font-family: Media-Gothic; 
src: url('../fonts/Media-Gothic.ttf'); }

body{
    background-color: #050706 !important;
    background-image: url('../images/fullNoise-min.png');
    background-blend-mode: difference;
}

h1{
    font-family: 'Media-Gothic';
    margin-bottom: 0rem;
    font-weight: 500;  
    letter-spacing: 2px;
    max-width: 100%;  
    font-size: 18px;
    line-height: 22px;    
}

video{
    border-radius: 1rem;
}

@include media-breakpoint-up(md) {
    h3{
        font-size: 30px;
    	line-height: 40px;
    }
    video{
        border-radius: 1rem;
    }
      }

h1,
h2,
h3,
h4,
h5,
label,p,ul,a{
    color:white;
}
p{
    font-family: 'Montserrat-Regular';
    font-weight: 100;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: white;    
}

.btn {
    /* CSS that applies to all button should be place here */
    /* max-width: 100%;
    width: 100%; */
    /* line-height: 28px;   */
    /* padding: 0.5rem 1.5rem;   */
    margin-top: 1rem;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 21x;
    text-transform: uppercase;
    font-family: 'Montserrat-Regular';
    border: 1px solid white;
    border-radius:3rem;
    text-align: center;
  }

 	.btn{
        border-color: white;  
        color:white;
        background: transparent;
        background: linear-gradient(90deg, rgba(215,142,0,1) 0%, transparent 87%);
  }
  .btn:active,
  .btn:focus,
  .btn:hover{
    border-color: white;
    background-color: white;
    color:#050706;
    }     


    .form-control{
        background: transparent !important;
        border-bottom: 1px solid #D78E00 !important;
        border-top:0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        color:white !important;
      }

      input::placeholder,
      textarea::placeholder
      .form-control::placeholder{
        color: white !important;
      }

      input:focus, 
input:active, 
textarea:focus, 
textarea:active {
    outline: none !important;  /* Removes the outline */
    box-shadow: none !important; /* Removes Bootstrap's focus shadow */   
}
input::placeholder {
    color: #D3D3D3  !important;
}

input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
    color: #D3D3D3  !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #D3D3D3  !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #D3D3D3  !important;
}

input:-ms-input-placeholder { /* IE 10+ */
    color: #D3D3D3  !important;
}

.questionMark{
    font-family: 'Montserrat-Regular';
    font-size: 15px;
}