.headerWrapper 
{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: [col] 100px [col] 100px;
    grid-template-rows: [row] auto [row] auto;
    background-color: rgb(58, 30, 30);
}    
    .box 
    {
    color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    }
      
    .a 
    {
        grid-column: col / span 2;
        grid-row: row 1/3;
    }
      
    .b 
    {
        grid-column: col 3 / span 1;
        grid-row: row 1/3;
    }

.wrapper
{
	min-height: calc(100vh - (height of header + height of footer));
    padding-bottom: height of footer;
}


a:link 
{
    color: #ffffff;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a:hover 
{ 
    color: #ffffff!important;
    text-decoration: underline;
}

a:active 
{
    background-color: transparent;
}

a:visited 
{
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
}


    /* Style the body */
    .body 
    {
        margin: 0;
        width:100vw;
        height: 00vh;
        font-size:20px;
    }

    .footer
    {
        padding-right: 10px;
        position: sticky;
        text-align: center;
        background: rgb(58, 30, 30);
        font-size: 20px;
        color: rgb(255, 255, 255);
        bottom: 0;
        width: 100%;
    }
	
	.homeQuote
	{
		background-color:transparent;
		block-size:200px;
		text-align:center;
		color:white
	}
	
	.upcomingEvent
	{
		background-color:#1D334A;
		text-align:center;
		width:100vw;
		height:30vh;
		color:white;
		
	}
	
    .trapezoid
    {

        position:sticky;
        border-bottom: 50px solid #1D334A;
	    border-left: 25px solid transparent;
	    border-right: 25px solid transparent;
	    height: 0;
	    width: 50%;
    }

    h1
    {
        font-size: 50rem;
        font-family: 'Times New Roman', Times, serif;
        color: white;  
    }


.articleLayout
{
    padding: 0px 20px;
}

.parallax
{
    /* The image used */
    background-image: url('Images//SiliconValleyParallax.jpg');
     /*https://pixabay.com/photos/silhouettes-people-bank-suitcase-6576684/ By:wal_172619 / 2976 */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 23% 0%;

}