@font-face { font-family: Gotham Book; src: url('fonts/Gotham\ Book\ Regular.otf'); }
@font-face { font-family: Gotham light; src: url('fonts/Gotham-Light.otf'); }

* {
    font-family: Gotham Book, sans-serif;
    margin: 0;
}

body {

    background-color: #1d1e1b;

}

p { 
    
    color: white;
    padding: 0.5em;
    font-size: 2.5vw;

}
.container {

    max-height: 95vh;
    padding: 1%;
    background: #1d1e1b;

}

.master-grid {  
    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 1em 1em;
    grid-auto-flow: row;
    width: 98vw;
    height: 94vh;

  }
  
.block1 {

    display: grid;
    grid-column-start: 1;
    grid-column-end: 14;
    grid-row-start: 1;
    grid-row-end: 3;
    background-image: URL("media/block1-bg.jpg");
    border-radius: 15px;

}

.block2 {

    display: grid;
    grid-column: 1 / 8;
    grid-row: 3 / 4;
    background-image: URL("media/block2-bg.jpg");
    min-height: 22%;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 15px;

}

.block3 {

    display: grid;
    grid-column: 1 / 8;
    grid-row: 4 / 5;
    background-color: #4e4d4d;
    min-height: 22%;
    border-radius: 15px;

}

.block4 {

    display: grid;
    grid-column: 8 / 14;
    grid-row: 3 / 5;
    background-image: URL("media/block4-bg.jpg");
    background: rgba (255, 0, 150, 0.3);
    min-height: 45%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;

}

.button {

    border: 2px;
    border-radius: 10px;
    border-color: white;
    border-style: solid;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.5em;
    margin: 4px 2px;
    cursor: pointer;
    position: absolute; 
    bottom:6vh;
    font-family: gotham light, sans-serif;
    
  }

  .bottom { 

    position: absolute; 
    bottom:5vh;

  }

  .copyright { 

    font-size: 1em;
    padding: 1em 0 0 0;
    font-family: gotham light, sans-serif;

  }