/* grey text section */
.area {
    color:#ddd;
    background-color:#373637;
    padding:50px 80px;

}
/* removing margin around edge of page */
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif; 
  color: #777;
}

/* background images */
.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("Spark_Arena.png");
  min-height: 87%;
}

.bgimg-2 {
  background-image: url("Corey%20-%20Dribble.jpg");
  min-height: 600px;
}

.bgimg-3 {
  background-image: url("Diamond%20Seats%207.jpg");
  min-height:600px;
}
/* image text */
.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
    background-color: #111;
    border-style: solid;
    border-color: white;
    border-width: thin;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
}

.caption span.border1 {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 50px;
  letter-spacing: 10px;
  border-style: solid;
  border-color: white;
    border-width: thin;
}

/* Turn off parallax scrolling for tablets and phones and white borde*/
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
    
    .caption span.border {
        background-color: #111;
        padding: 18px;
        font-size: 25px;
        letter-spacing: 10px;
        border: none;
    }
    
    .caption span.border1 {
        background-color: #111;
        padding: 18px;
        font-size: 50px;
        letter-spacing: 10px;
        border: none;
    }
    
    .text1 { 
        color: #777;
        background-color:white;
        text-align:center;
        padding:50px 80px;
    }
    
}
   
.border {
    background-color:transparent;
    font-size:25px;
    color: #f7f7f7;
}

/* footer css */
#container{
    margin: 0;
}
footer {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    
}   

.card-footer img{
    margin-left:15px; 
} 

#footer-panel{

}
#privacy{

}
#footer-panel{
    padding-top: 20px;
}
.social-icon{
    min-height: 20px;
}
/* padding around logos */
nav img {
    padding-right: 20px;
    padding-bottom: 10px;
}

/* text sizing */
nav a {
    font-size: 20px;
}

h4 {
    font-size: 40px;
}
h5 {
    font-size:20px;
}

h2 {
    letter-spacing: 5px;
    text-transform: uppercase;
    font: 20px "Lato", sans-serif ;
    color: #333;
    text-align: center;
}

h3 {
    color:black;
    font-size: 18px;
}

/* black bar across full page */
.bar{
    color:#ddd;
    background-color:black;        
    padding: 5px;

}
/* padding around main content so not next to outside of page */
main {
    padding: 15px;
}


/* */