/*********Base Styles************/
body {
    font-size: 16px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}


h1.primary,h2.secondary,h3.tertiary,h4.quarter{
    color: #4E4E4E;
    font-weight: 600;
    margin: 1rem 0;
}

.tertiary{
    font-size: 18px;
}

.quarter{
    font-size: 16px;
}

.bg-light-grey{
    background: #fbfbfb;
}


/******header*********/

.navbar-nav li{
	padding: 0 1rem;
}

.navbar-nav li a{
	color:green;
}

.navbar-nav li a:hover{
	color: #44D944;
    text-decoration: none;
}

.logo{
	margin-right: 0;
    display: flex;
}

@media only screen and (max-width: 700px) {
    .main-nav-wrapper{
    align-items: flex-start !important;
    }
    .logo-wrapper{
    display: block;
    margin: 0 auto;
    }
    .navbar-nav li{
    padding: 1rem 0;
    }
}


/**********Footer**********/

.footer {
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
background:#eaeaea;
padding: 1rem 2rem;
margin: 0;
color:#acacac;
font-size: 13px;
}

/*********General***********/
.main-nav-wrapper{
	display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    border-bottom: 5px solid green;
}

.img-small{
	width:150px;
}

.img-medium{
    width: 300px;
}

.img-main{
    width: 100%;
    margin: 0 auto;
}
.web-link{
    color: green;
}
.web-link:hover{
    color: #44D944;
    text-decoration: none;
}

/********main page********/

.heroImg {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.main-desc{
    position: relative;
    background: #fbfbfb;
    padding: 2rem 20rem;
    transform: translateY(-17px);
    z-index: -500;
}  
    
#boxes{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
    text-align: center;
}
#boxes a{
        color: white;
    }
#boxes a:hover{
        text-decoration: none;
    }
.box1{
    background: #256092;
    color: white;
    padding: 2rem 3rem;
}
.box2{
    background: #821093;;
    color: white;
    padding: 2rem 3rem;

}
.box3{
    background: green;
    color: white;
    padding: 2rem 3rem;
}

@media only screen and (max-width: 700px) {
    .main-desc{
        padding: 2rem 1rem;
        margin: 1rem 0;
    }
    #boxes{
        flex-direction: column;
        align-items: stretch;
        margin: 1rem 0;
    }
}


/***************************/
.page-title {
    background-color: #2aabd2;
    color: white;
}


/************************************
/************************************

CONTACT TABLE
/************************************
/************************************
 */

.contactable {
    width: 100%;
    margin-top: 25px;
    valign: top;

}

.mapPic {
    width: 80%;
}

/************************************
/************************************

SINGLE BOXES
/************************************
/************************************/

.singleBox {
    background-color: #2b669a;
    color: white;
    width: 100%;
}

.calDate {
    font-size: 22px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.calTitle {
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.calDescription {
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 2px;
}



/************************************
/************************************

Gallery Pics
/************************************
/************************************
 */

.galleryPics{
    max-width: 23%;
    margin: 7px;
}


/************************************
/************************************

Miss MM
/************************************
/************************************
 */


.misMM{
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 250px;
    display: block;
    margin: 0 auto;
}