
<STYLE>


section {
    opacity: 0;
    height: 400px;
    width:100%;

}
.bcg {
    background-size: cover;
    height: 100%;
    width: 100%;
}
/* this aligns the content 150px up from the middle */
.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
    .hsContent {
        max-width: 80%;
        margin: -150px auto 0 auto;
        display: table-cell;
        vertical-align: middle;
        padding: 0 8%;
        text-align: center;
        position: relative;
    }
    .hsContent h2  {
        color: #fff8de;
        background-color: rgba(0,0,0,0.5);
        padding: 10px 5px;
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 12px;
    }
    .hsContent p {
        width: 80%;
        color: #b2b2b2;
    }

/* Slide 1 */
#slide-1 .bcg {background-image:url('http://triggertom.com/TFUR2024j.jpg')}
#slide-1 .hsContent {}
 
/* Slide 2 */
#slide-2 .bcg {background-image:url('http://triggertom.com/WTG2024k.jpg')}
#slide-2 .hsContent {}
#slide-2 h2 {}
 
/* Slide 3 */
#slide-3 .bcg {background-image:url('../img/bcg_slide-3.jpg')}
#slide-3 .hsContent {}
    #slide-3 h2 {
        color: #f2ead6;
        background-color: rgba(0,0,0,0.6);
    }
 
/* Slide 4 */
#slide-4 .bcg {
    background-image:url('../img/bcg_slide-4.jpg');
    background-position: center center;
}
#slide-4 .hsContent {}
    #slide-4 h2 {
        padding-left: 0;
        padding-right: 0;
    }





@media (max-width: 900px) { 
   .bgimg-1, .bgimg-{
    background-attachment:scroll;
  }
    #masthead.header-image{
      padding: 30px 0;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: fixed;
      background-position: initial;
    }
}





/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
     
    body, html {
        height: auto;
    }
    .bcg {
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        width: 100%;
    }
    section {
        min-width: 768px;
        
    }
    .hsContainer {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .hsContent {
        max-width: 700px;
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: left;
        padding: 0;
    }
        .hsContent h2  {
            font-size: 35px;
            line-height: 38px;
        }
        .hsContent p {
            width: 400px;
        }
    #slide-1 .hsContent {
        bottom: 200px;
        top: auto;
        margin-left: -80px;
    }
    #slide-2 .hsContent {
        margin-left: -340px;
        top: auto;
    }
    #slide-2 h2 {
        position: fixed;
        top: 70%;
    }
    #slide-3 .hsContent {
        margin-left: -300px;
    }
    #slide-4 .hsContent {
        margin-left: -340px;
        position: fixed;
    }
        #slide-4 h2 {
            background: none;
        }
     
}


body {
    margin:0 auto;
    width:100%;
}


.box {
   display: flex;
   align-items:center;
}

.button-wrapper {
  display: block;
  text-align: center;
}

.button {
  border: none;
  border-radius: 3em;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
background-color:#000033;
color:#ffffff;
display: inline-block;
  font-size: 1em;
  padding: 1em 2em;
  width:120px;
}

.cta-button {
  background-color:#000033;
  color: #ffffff !important;
}

.cta-button:hover {
  background-color:#000033;
}



img {
    pointer-events: none;
}

.content {
    max-width: 1570px;
    margin: auto;
}

.container {
  display: flex;
  justify-content: center;
}



.center {
  width: 1570px;
}



.max-width {
    max-width: 1570px;
    margin-left: auto;
    margin-right: auto;
 }

article { 
    display: block;
    margin: 0 auto;  
    }



.floatL { float:left; }

.clearBoth {
    clear:both;
    }




.mast {
      width: 1600px;
     height: 500px;
     background-size: 100%}






.center-div
{
     margin: 0 auto;
     width: 100px; 
}


.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
    }

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
   
}

.center-div
{
     margin: 0 auto;
     width: 1400px; 
}


blockquote

{
 font-family: "Tahoma";

    font-size:14;

          color:Black;

}



label
{
    font-family: "Tahoma";

    font-size:14;

          color:Black;

}


p

 {
    font-family: "Tahoma";

    font-size:14;

          color:Black;

}




p.italic 

{
    font-style: italic;
}

h1

{  font-family:"Tahoma";

        color:Black;
}

h2

{  font-family:"Tahoma";

        color:Black;
}

h3

{  font-family:"Tahoma";

        color:Black;
       
}


a:link 

{  font-family:"Tahoma";

        color:#000080;

        text-decoration:none;
}

a:active


{  font-family:"Tahoma";

        color:#000080;
  
         text-decoration:none;
}

a:visited 

{  font-family:"Tahoma";

        color:#000080;

        text-decoration:none;
}
/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #000033;
  font-family: Arial;
  padding: 0px 70px 0px 70px;
  text-align: center;
  margin-top: 10px;
 }

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  display: inline;
}

/* The dropdown container */
.dropdown {
  float: left;
 right: 50%;
overflow:hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 14px 70px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a blue background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #000066;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a light blue background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #8ACBFD;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}





</STYLE>
