:root{
    --primary: #33985C ;
    --dark:  #09672F;
    --medDark: #1C8245 ;
    --medLight: #53B079 ;
    --light: #83CDA1 ;

    --sec-primary:#89C041;
    --sec-dark:#4F830B;
    --sec-medDark:#6DA523;
    --sec-medLight:#ACDF69;
    --sec-light:#CAF099;

    --tert-primary:#316B85;
    --tert-dark:#0C435A;
    --tert-medDark:#1C5872;
    --tert-medLight:#4C839A;
    --tert-light:#7CAABD;

    --link:#7609db;
    
  }
  * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    
    }
body{
    background-image: url(images/background.jpg);
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.wrapper{
    display:grid;
    grid-gap:5px;
    grid-template-columns:repeat(6,1fr);
    margin:3px;
}
.boxL1{
grid-column:span 6;
background:var(--tert-medLight);
display:flex;
height: 35px;
justify-content:center;
padding-top:10px;
padding-bottom:5px;
/*align-content:center;*/
}

.boxL2{
grid-column:span 2;
background: var(--sec-dark);
padding: 5px;
}
.boxL2 p{
    padding:5px;
}
.boxL3{
    grid-column:span 3;
    background:var(--sec-medDark);
    list-style: none;
    text-decoration:none;
}
.boxL3 li{
    padding: 2.5px;
}
.boxL3 p{
    padding: 5px;
}
.boxL4{
    grid-column:span 4;
    background: var(--sec-dark);
    padding: 5px;
}
.boxL4 p{
    padding:5px;
}
.boxLz{
    grid-column:span 1;
    background: var(--sec-dark);
    padding: 5px;
}
.boxLz p{
    padding:5px;
}
.content{
    display:flex;
    justify-content:center;
    padding:5px;
    flex-wrap:wrap;
    margin-left:50px;
    margin-right:50px;
}
.content ul{
    list-style: none;
    text-decoration:none;

}
.multContent{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    align-content: space-between;
    padding:20px;
        
   /* 

   align-items:center;
    align-items:center;
    justify-content:center;*/

}
.tinyBox{
    grid-column:span 1;
    background: var(--tert-medLight);
    padding:5px;
}
.vidPad{
    margin-top: 20px;
    margin-bottom:20px;
}
h2{
    color:var(--tert-dark);
}
header{
    /**position:fixed;**/
    display: flex;
}
header h2{
    margin:10px;
    margin-bottom:-50px;
    display:flex;
    align-self:flex-start;
}
.hamburger{
    display:none;
}
body{
    font-family: 'Ubuntu', sans-serif;
}
.navigation{
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-end;
    list-style: none;
    margin:0;
    background-color:var(--sec-primary);

}
.navigation a{
    text-decoration:none;
    display:block;
    padding: .5cm;
    color:var(--link);
}
.navigation a:hover{
    background-color:var(--light);
}
.push-left{
margin-right: auto;
justify-content:start;

}
.mainContent{
    display:flex;
    padding:50px;
    font-family: 'Mukta', sans-serif;
}
.topBox{
    border:2px solid var(--medDark);
}
.centerBox{
    border:2px solid var(--medDark);
    align-self:center;
}
.footer{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    list-style: none;
    margin:0;
    background-color:var(--medLight);
}
.footer a{
    text-decoration:none;
    display:block;
    padding: .5cm;
    color:var(--link);
}
.footer a:hover{
    background-color:var(--light);
}
.boxL3 a{
    color:var(--link);
}
/**
.boxL2Content{
grid-column:span 2;
background: var(--sec-dark);
display:flex;
justify-content:center;
}
.boxL3Content{
    background:var(--sec-medDark);
    grid-column: span 3;
    display:flex;
    justify-content:center;

}
.boxCat{
    grid-column:3/5;
    border:double #223344;
    display:flex;
    float:right;
    justify-content:center;
    align-self:center;
    background: var(--medLight);
}**/

@media all and (max-width:600px){
    header{
    position:fixed;
    display: flex;
    width: 100%;
    height: 45px;
    background-color: var(--medLight);
    justify-content: space-between;
    align-content:flex-start;
    margin-bottom:45px;
    }

    .navigation{
        flex-flow:column wrap;
        padding-top:45px;
        display:none;
        margin-bottom:-45px;
        /*padding-bottom:45px*/
    }
    .navigation a{
      text-align:center;
      padding:10px;
      border-top:1px solid var(--light); 
    }
    .footer{
        font-size:11.11px;
    }
    .mainContent{
        flex-flow:column wrap;
    }
    .hamburger{
        display: flex;
        font-size: 22pt;
        color: var(--dark);
        margin-right:25px;
    }
    .wrapper{
        padding-top:50px;
        display:grid;
        grid-template-columns:repeat(1,1fr);
    }
    .boxL1{
        grid-column:span 1;
    }
    .boxL2{
        grid-column:span 1;
        background:var(--sec-light)
    }
    .boxL3{
        grid-column:span 1;
        background: rgb(241, 241, 179);
    }
    .content video{
        width: "400";
        height:"240"; 
    }
    /**
    .boxCat{
        grid-column:span 1;
    }
    .boxL2Content{
        grid-column:span 1;
    }
    .boxL3Content{
       **/

}