body {
    
    background: rgb(153,34,57);
    background-image: url("../resource/paisley-repeat.jpg");
    background-attachment: fixed; 
}

.row {
 
    box-shadow: 0 100px 200px rgba(0,0,0,0.7); 
}

iframe {
    
    background: #555555;
}

.panel iframe {
    
    background: transparent;
}

@font-face {
  font-family: 'Aspire_DemiBold';
  src: url('../fonts/Aspire_DemiBold.ttf');
  src: url('../fonts/Aspire_DemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

h1 {

    color: #ffffff;
    font-family: "Aspire_DemiBold", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 10rem;
    font-weight: bold;
    line-height: 0.7em;
    text-shadow: 0 0 1rem rgba(0,0,0,1);
}

@media only screen and (max-width: 40em) { 

    h1 {
        
        font-size: 6rem;
    }
}

h2 {

    font-family: "Aspire_DemiBold", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-shadow: 0 0 1rem rgba(0,0,0,1);
}

.light h2 {
    
    text-shadow: none;
}

@media only screen and (max-width: 40em) { 

    h2.long-title {
        
        font-size: 3rem;
    }
}

.header {
    
    background-color: #222222;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 22rem;
    text-align: center;
    /*background-image: url("../resource/SimonLove_PhotoByPierreDelpino.jpg"); */
    background-image: url("../resource/Header.png"); 
    height: 30rem;  
}

@media only screen and (max-width: 40em) { 

    .header {
        
        background-size: 100% auto;
        padding-top: 10rem; 
        font-size: 6rem;
        height: 15rem;  
    }
}

.image-row-live {
    
    background-color: #222222;
    background-attachment: fixed;
    background-image: url("../resource/SimonLove_Live.jpg"); 
}

.image-row-live h2 {
    
    color: white;
    text-shadow: 0 0 2rem rgba(0,0,0,1);
}

.dark {
    
    background: #222222;
    color: #bbbbbb;
}

.light {
    
    background: rgb(216,203,155);
    color: #222222;
}

.social-media {
    
    font-size: 3rem;
    text-align: center;
    padding: 1rem;
}

.social-media a {
    
    margin: 0.5rem;
}

.social-media a:hover {
    
    color: white;
    transition: 0.7s;
}

.content {
    
    padding: 2rem;
    padding-bottom: 3rem;
}

.center {
    
    text-align: center;
}

.quotes {
    
    margin-bottom: 2rem;
}

.quotes p {
    
    margin-bottom: 0.5rem;
}

.footer {
    
    padding-bottom: 3rem;
}

.panel {
    
    background: rgba(255,255,255,0.75);
    
}