@font-face {
    font-family: Westminster;
    src: url(Westminster.ttf);
  }
  textarea{
    resize:none;
  }
  *{
      margin:0;
      padding:0;
  }
  body,html{    
      margin:0;
      padding:0;
      scroll-behavior: smooth;
      width:100%;
      height:100%;
      font-family: 'Abel';
  }
  #bg-full{
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  #center-text-start{
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      font-family: Westminster;
      color:white;
      font-size: 250%;
      flex-direction: column;
      z-index:2;
  }
  canvas{
      opacity: 0.9;
  }
  #center-text-start h1{
  font-size: 3em; 
  color:white; 
  font-family: Westminster;
   z-index: 1;
  }
  
  .background {
      position:  absolute;
      display:  block;
      background-color: black;
      top: 0;
      left: 0;
      z-index: 0;
    } 
    figure{
        cursor: pointer;
    }
  .ityped-cursor {
      
      opacity: 1;
      -webkit-animation: blink 0.3s infinite;
      -moz-animation: blink 0.3s infinite;
      animation: blink 0.3s infinite;
      animation-direction: alternate;
  }
  
  @keyframes blink {
      100% {
          opacity: 0;
      }
  }
  
  @-webkit-keyframes blink {
      100% {
          opacity: 0;
      }
  }
  
  @-moz-keyframes blink {
      100% {
          opacity: 0;
      }
  }
  #intro{
      display: flex;
      font-size:1.1em;
      flex-wrap: wrap;
      padding:5px;
      justify-content: center;
      
  }
  #intro div{
      padding:20px
  }
  #intro2{
      display: flex;
      font-size: 120%;
      flex-wrap: wrap;
      background-color: #393e46;
      color:white;
      justify-content: center;
      text-align: center;
  }
  #intro2 div{
      padding:5vh;
      width:20vw;
  }
  
  #intro3{
      display: flex;
      font-size:1.1em;
      flex-wrap: wrap;
      padding:2vh;
      text-align: center;
  }
  .image{
      background-image: url("../assets/webd.jpg");
      background-size: cover;
      color:white;    
      height:200px;
      margin:1em;
      width:250px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      transition: all 0.3s;
  }
  .image p{
  
      font-size: 1.2em;
  }
  header{
      opacity: 0.87;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100vw;
      background-color: black;
      color: white;
      position: fixed;
      opacity: 1;
  }
  .header-top{
      font-family: Westminster;
  }
  
  .header-top h1{
      font-size: 2.8em;
  }
  .header-top p{
      font-size: 1.2em;
      padding-bottom: 0.8em;
  }
  .container{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      flex-direction: column;
  }
  .hidden{
      display:none;
      transition: all 0,1s ease-in-out;
  }
  ul{
      background-color: black;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      flex-direction: row;
      transition: all 0,1s ease-in-out;
  }
  li{
      font-size: 1.2em;
      padding: 8px;
      margin: 2px 5px;
  }
  li:hover{
      background-color: whitesmoke;
      color: black;
  }
   #navbar {
    z-index:4;
  }
  .overlay{
      display: none;
  }
  a{
      text-decoration: none;
      color:inherit
  }
  
  @media only screen and (max-width: 500px) {
      #ityped{
          display: none;
      }
      /* #bg-full{
          background-color: #ffbd39
      } */
      /* .background{
          display: none;
      } */
      #intro2 div{
          
          width:100vw;
      }
     
    }
  
  
    /* Bulma things */
  .hero-body{
      background-color: black;
      color: #EEE;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  @media only screen and (max-width: 1100px) {
      .image{
          width: 95%;
      }
  }

  .image:hover{
      opacity: 1;
  
  }
  .image p{
  
      font-size: 1.2em;
  }

  footer{
      width:100%;
      background-color: black;
      color:#eee;
      display: flex;
      justify-content: center;
      text-align: center;
      padding:15px;
      flex-direction: column;
  }
  strong,label{
      color: #000000;
  }
  
  .modal-content{
      background-color: black;
      color:#eee;
      height:inherit;
  }
  .modal-dialog{
      height:90%;
  }
  #banner-p{
      width:100%;
      display: flex;
      text-align: center;
      justify-content: center;
      flex-direction: column;
      height:30%;
      color:#EEE;
      background-color: #252525;
  }
  #forms{
      margin:50px;
      
  }
  .row{
      display: flex;
      margin:30px 0;
  }
  .row input,textarea{
      width:40vw;
      margin:10px;
  }  
  .social a{
    font-size:2em;
    margin:15px;
  }
  a[href ="assets/brochure.pdf"]{
      background-color:  	#FF8C00;
      border:none;
      text-decoration: none;
      color:#eee;
      padding:5px;
      
  }
  
  footer a:hover{
    color:#eee;
    text-decoration:none
  }