styles.css

.jumbotron {
    background: url("Assets/BrickcapHeader.JPG");
    max-width: 100%;
    height: 500px;
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
    text-align: end;
}

.jumbotron h1{
     margin-top:13%; 
     left:10px;
     color: #303e39;
     font-weight: 700;
     -webkit-text-stroke: 1px black;
   }

.jumbotron p {
    font-size: 1.5em;
    color: black;
    
}

body {
    background-image: linear-gradient(to right,  #a5bf7f,#e1ffb5, #a5bf7f);
    font-family: 'EB Garamond', serif;
}

#header {
    border-bottom-style: solid;
    border-color:#303e39; 
}

#content .col-lg-3 {
    background-color: #303e39;
}

hr {
    color: #303e39;
    border-top: 1px solid #566962;
    border-bottom: 2px solid rgba(0,0,0,0.2);
}

#footer {
    background-color: #303e39;
    color: white;
    
}

.icons {
    background-image: linear-gradient(to right,  #a5bf7f,#e1ffb5, #a5bf7f);
}

.modal-content {
    background-color: #566962;
}

@media (min-width:320px) and (max-width:425px) {

    .jumbotron h1{ 
      
    }