.jumbotron {
    background: url(../images/GREY.jpg);
    background-size: cover;
    color: #fff;
}

.jumbotron-text {
  background: rgba(0,0,0,0.5);
  padding: 5px;
}

.jumbotron-text h1{
text-align: center;
}

.jumbotron-text h2{
text-align: center;
}

nav {
  background-color: #737373;
  font-family: 'Arial Narrow', Helvetica, sans-serif;
  font-size: 20px;
}

nav li 
{      
 padding: 0 50px;
} 

nav ul 
{ 
  padding: 0 20px;
}

img {
  width: 100%;
  margin-bottom: 20px;
}

.website-body {
  margin-top: 50px;
  padding-top: 20px;
  background-color: #f2f2f2;
}

/* WEEK START */

.week {}

  /* WEEK HEADING START */

  .week .header {}
  .week .header h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
    margin-top: 0;
    font-size: 30px;
    color: #99004d;
      }
   
   .week .header h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 18px;
    letter-spacing: 5px;
    word-spacing: 5px;
    color: dodgerblue ;
      }       

   .week .header h4 {
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      letter-spacing: 5px;
      word-spacing: 5px;
      color: #99004d;
      } 

  .week .header p {
    padding-top: 10px;
    margin-bottom: 30px;
    text-align: justify;
    line-height: 1.4;
    font-family: 'Arial Narrow', sans-serif;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.5px;
    word-spacing: 5px;

  }

  .week .header ol {
    padding-top: 10px;
    margin-bottom: 30px;
    text-align: justify;
    line-height: 1.4;
    font-family: 'Arial Narrow', sans-serif;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.5px;
    word-spacing: 5px;

  }



  .week .header img {
    margin-top: 10px;
    border: 1px solid #A9A9A9; 
  }

  /* WEEK HEADING END */  

  /* WEEK CONTENT START */

  .week .content {}

    /* WEEK STEP START */

      /* WEEK STEP HEADING START */
      .week .content .step .header {
        margin-top: 50px;
      }
      .week .content .step .header h1{
        text-align: left;
        font-size: 25px;
      }

      .week .content .step .header p{
    padding-top: 5px;
    margin-bottom: 30px;
    text-align: justify;
    line-height: 1.4;
    font-family: 'Arial Narrow', sans-serif;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.5px;
    word-spacing: 5px;
      }
      .week .content .step .header img {
    margin-top: 0px;
    border: 1px solid #A9A9A9;  
  }
  .week .content .step .header ol li{
    font-size: 20px;
  }

      /* WEEK STEP HEADING END */

      /* WEEK STEP CONTENT START */ 
      .week .content .step .content h1{
        font-size: 30px;
        margin-bottom: 20px;
        font-style: bold;
      }
    .week .content .step .content p{
      padding-top: 5px;             
      margin-bottom: 30px;
      text-align: justify;
      line-height: 1.4;
      font-family: 'Arial Narrow', sans-serif;
      font-size: 20px;
      text-rendering: optimizeLegibility;
      letter-spacing: 0.5px;
      word-spacing: 5px;
        }
     
    .week .content .step .content img{
    border: 1px solid #A9A9A9; 
      }
    .week .content .step .content ol{
      padding-top: 5px;
      margin-bottom: 30px;
      text-align: justify;
      line-height: 1.5;
      font-family: 'Arial Narrow', sans-serif;
      font-size: 20px;
      text-rendering: optimizeLegibility;
      letter-spacing: 0.5px;
      word-spacing: 5px;
        }
    .week .content .step .content ul{
      padding-top: 5px;
      margin-bottom: 30px;
      text-align: justify;
      line-height: 1.4;
      font-family: 'Arial Narrow', sans-serif;
      font-size: 20px;
      text-rendering: optimizeLegibility;
      letter-spacing: 0.5px;
      word-spacing: 5px;
        }
    .week .content .step .content h2{
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      letter-spacing: 5px;
      word-spacing: 5px;
      color: black;
        }

    .week .content .step .content h4 {
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      letter-spacing: 5px;
      word-spacing: 5px;
      color: #99004d;
      } 

        
    .week .content .step .content ul li{
      padding-top: 5px;
      text-align: justify;
      line-height: 1.4;
      font-family: 'Arial Narrow', sans-serif;
      font-size: 20px;
      text-rendering: optimizeLegibility;
      letter-spacing: 0.5px;
      word-spacing: 5px;
        }

   
    .week .content .step .content ol li{
      padding-top: 5px;
      text-align: justify;
      line-height: 1.4;
      font-family: 'Arial Narrow', sans-serif;
      font-size: 20px;
      text-rendering: optimizeLegibility;
      letter-spacing: 0.5px;
      word-spacing: 5px;
        }


.bottomright {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    color: solid grey;
}


.button {
    background-color: #4CAF50;
    border: none;
    color: blue;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.learningsPatch{
  border: solid;
  border-color: tomato;
  border-width: 1px;
  border-radius: 20px;
  background-color: white;
  padding: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.assignPatch{
  border: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 20px;
  background-color: white;
  padding: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.footer {
   position: float;
   left: 0;
   bottom: 0;
   width: 100%;
   color: black;
   text-align: center;
   border: solid;
    border-color: darkgrey;
    border-width: 1px;
    border-radius: 10px;
}

.desc {
  font-size: 20px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: black;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  word-spacing: 3px;
  letter-spacing: 4px;
}



      /* WEEK STEP CONTENT END */


    /* WEEK STEP END */

  /* WEEK CONTENT END */

/* WEEK END */