body { 
    background: #151515;
    font-family: Avenir, Helvetica, sans-serif;
}
h1 {
    color: #ffffff;
    font-family: serif;
    padding: 2%;
}
main a { text-decoration: none; }
section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
font-size: 0;
}

section time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -webkit-flex: 1 1 14.2857%;
    -ms-flex: 1;
    flex: 1;
    min-width: 14.2857%;
    max-width: 14.2857vw;
    position: relative;
    font-size: 1.8vw;
    line-height: 0;
    -webkit-transition: .35s opacity;
    transition: .35s opacity;
    overflow: hidden;
    max-height: 120vw;
}
section time.blank {
    min-height: 50vw; 
}
section time a { 
    display: inline-block; 
    width: 100%; height: 100%; 
    position: inherit;
    border-bottom: none;
    outline: none;
    }
section time span { position: absolute; }
span.caldate { 
    top: 2%; left: 7px; 
    z-index: 2;
    }
section time.blank span.caldate {   
    color: #ffffff; 
}
section time a span.title { 
    width: 100%; height: 100%;
    line-height: 1.1;
    left: 0; top: 0; padding-left: 5%;
    padding-right: 5%;
    padding-top: 20%; opacity: 0;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
}
section time:hover a span.title { 
    background: rgba(0,0,0,0.8);
    opacity: 1;
}
section time a:hover {
    border-bottom: none;
}
time:not(.blank) span { 
    color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
section time a img { width: 100%;}

.navTop{
    display: inline-block;
    margin: 2%;
}
nav {
    background-color: #ffffff;
}

.headerText{
    text-align: center;
}

.headerImg{
    text-align: center;
}

.logo{
    width:90%;
}

.rightSide{
    text-align:right;
}

.nav-img {
    width: 30%;
    text-align: center;
}

.blockBody{
    /* margin: 2%; */
    margin-top:0;
    box-sizing:border-box;
    width:100%;
}

.bodyContainers{
    /* margin:1%; */
    text-align: center;
    border: solid black 2px;
    border-radius: 25px;
    min-height: 600px;
    box-sizing:content-box;
    width:31%;
}

.under_5 {
    display: inline;
}
.im_5 {
    display: inline;
}
.web_name {
    color: black;
    font-size:4.5em;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
button{
    all: unset  !important; 
  }
  
button:focus {
    outline: revert  !important;
}

.formCustom{
    max-width: fit-content;
    display: inline
}
.card {
    font-family: 'Montserrat', sans-serif;
}

.img-card {
    height: 200px;
    object-fit: cover;
}

.hidden { opacity: 0; }

@media all and (max-width: 950px) {
    section time.blank { display: none; }
    section time { 
    height: 22%;
    min-width: 20%;
    min-height: 80vw;
    max-width: 20vw;
    font-size: 3vw;
    max-height: 160vw;
    top: 3%;
    }
}
@media all and (max-width: 750px) {
    section time { 
        min-width: 33%;
        min-height: 90vw;
        font-size: 5vw;
        max-height: 240vw;
    }
    .col-md-4 {
        margin: 3%;
    }
}
@media all and (max-width: 450px) {
    section time { 
        min-width: 50%;
        min-height: 90vw;
        font-size: 5vw;
    }
}

/*
  .one_img {
    transform: rotate(10deg);
    padding-top: 80%;
    padding-left: 10%;
    height: 350px;
    width: 130px;
  }
  .two_img1 {
    transform: rotate(-10deg);
    padding-top: 50%;
    padding-left: 10%;
    height: 280px;
    width: 130px;
  }
  .two_img2 {
    transform: rotate(10deg);
    padding-top: 30%;
    padding-left: 10%;
    height: 280px;
    width: 130px;
  }
  .three_img1 {
    transform: rotate(-10deg);
    padding-top: 30%;
    padding-left: 10%;
    height: 170px;
    width: 100px;   
  }
  .three_img2 {
    transform: rotate(10deg);
    padding-top: 15%;
    padding-left: 10%;
    height: 170px;
    width: 100px;
  }
  .four_img1 {
    transform: rotate(-10deg);
    padding-top: 20%;
    padding-left: 10%;
    height: 150px;
    width: 90px;  
  }
  .four_img2 {
    transform: rotate(10deg);
    padding-top: 12%;
    padding-left: 28%;
    height: 160px;
    width: 120px; ;
  }
  .five_up_ten_img1 {
    transform: rotate(-10deg);
    padding-top: 24%;
    padding-left: 10%;
    height: 130px;
    width: 80px;
  }
  .five_up_ten_img2 {
    transform: rotate(10deg);
    padding-top: 22%;
    padding-left: 12%;
    height: 130px;
    width: 80px; 
    clear: both;
  }

*/