@charset "UTF-8";
/*!
* Start Bootstrap - Grayscale v7.0.6 (https://startbootstrap.com/theme/grayscale)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-grayscale/blob/master/LICENSE)
*/
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

body {
  margin: 0; 
}

.masthead {
  position: relative;
  width: 100%; 
  height: 100vh;  
  overflow: hidden;
  min-height: 35rem;
  padding: 15rem 0;
/*   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 10%), url("../assets/img/bg-masthead.jpg"); */
  background-image: url("../assets/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.text {    
  font-family: sans-serif;
  font-size: 28px;
  color: white; 

  padding: 10px;   
}

@media screen and (max-width: 800px) {  
  .text {
    font-size: 22px;
    overflow-wrap: break-word;
  } 
}

@media screen and (max-width: 200px) and (max-height: 500px) {  
  .content {
    width: 80%;     
    height: auto; 
  }
}
