Team:Calgary/Attributions

body { 

 overflow-x: hidden;

}

.grid-container { 

 display: grid;
 grid-template-areas:
   "menu header header header header header"
   "menu main main main main main"
   "menu footer footer footer footer footer";
 grid-gap: 10px;
 padding: 10px;

}

/*Banner styling section*/ /* HEADER/BANNER */ body, html { 

 height: 100%;

}

/* The banner image */ .banner-image { 

 /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
 background-image: linear-gradient(
     to bottom,
     rgba(0, 0, 0, 0.5) 0%,
     rgba(0, 0, 0, 0.5) 100%
   ),
   url("T--Calgary--cellulase.jpg");
 /* Set a specific height */
 height: 65vh;
 /* Position and center the image to scale nicely on all screens */
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 background-attachment: fixed;
 margin-top: ;

}

/* Place text in the middle of the image */ .banner-text { 

 font-size: ;
 font-weight: ;
 color: ;
 text-align: center;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);

}

.banner-text h1 { 

 color: #f1c23f;
 font-size: 5em;
 font-weight: 600;
 font-family: "Public Sans", sans-serif;
 margin-top: 25%;

}

.container2 h2 { 

 color: #000;  /*changes h2 text color to black in the div class container2.*/
 font-weight: 200;

}

.container1 { 

 grid-area: header;
 margin-left: -20px;
 margin-right: -20px;
 margin-top: -20px;

}

/*Main section styling*/ .container2 { 

 grid-area: main;
 padding-top: 50px;
 padding-left: 200px;
 padding-right: 200px;
 margin-top: -10px;
 margin-left: -10px;
 margin-right: -10px;
 margin-bottom: -170px;
 background-color: #fff;

}

.hp-name { 

 font-weight: bold;
 color: #882916;

}

.hp-org { 

 font-style: italic;

}

.ind { 

 margin-top: 20px;
 margin-bottom: 20px;

}

.section { 

 margin-bottom: 40px;

}

  1. tm {
 padding-top: 10px;

}

  1. hp {
 padding-top: 20px;

}

  1. gs {
 padding-top: 20px;

}

  1. gw {
 padding-top: 20px;

}

  1. dl {
 padding-top: 20px;

}

  1. en {
 padding-top: 20px;

}

  1. ed {
 padding-top: 20px;

}

.last-section { 

 padding-bottom: 40px;

} /* Sidebar styling section */ .container3 { 

 grid-area: menu;

}