#recentEventsCont a.iconPost time span.DateFormat:before,
.bottomLinks a:after,
#recentEventsCont a.iconPost h5:after,
#upcomingEventsCont a.iconPost time::before {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-variant: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/*main {
    padding: 1rem 0 2rem;
}*/
/*main .col-sm {
    min-width: 50%;
    padding-bottom: 3rem;
}*/

/*header.masterHeader {
    position: absolute !important;
    width: 100%;
    background: linear-gradient(to bottom, rgb(38, 113, 152),rgba(38, 113, 152,0.65),rgba(38, 113, 152,0));
}*/

.frmSearch {
    position: absolute;
    top: 39%;
    top: 300px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    z-index: 5;
}

main .container h3 {
    padding-bottom: 1rem;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(222,219,218);
}
a.iconPost,
a.iconPost:link {
    position: relative;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #267198;
    display: block;
}
a.iconPost:visited {
    color: #267198;
}
a.iconPost:hover {
    color: #86ab40;
}
    
a.iconPost:active {
    color: #86ab40;
}
a.iconPost img{
    display:none;
}
a.iconPost:first-of-type img {
    display: block;
    height: 240px;
}
#recentEventsCont a.iconPost {
    float: left;
    width: 38%;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0px 0.5px 6px 0 #cac9c0;
}
 #recentEventsCont a.iconPost:first-of-type h4 {
    font-size: 1.313rem;
    white-space: normal;
}
 #recentEventsCont a.iconPost:first-of-type p{
    font-size:1.063rem;
    padding:0;
}
    #recentEventsCont a.iconPost:first-of-type time {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.5rem 1rem 0.5rem 0.5rem;
        background: #86ab40;
        color: rgb(255,255,255);
        -webkit-transition: color 300ms ease 0s;
        -moz-transition: color 300ms ease 0s;
        -o-transition: color 300ms ease 0s;
    }
        #recentEventsCont a.iconPost:first-of-type:visited time {
            color: rgb(255,255,255);
        }
        #recentEventsCont a.iconPost:first-of-type:hover time {
            color: #267198;
        }
        #recentEventsCont a.iconPost:first-of-type:focus time {
            color: #267198;
        }
#recentEventsCont a.iconPost:first-of-type time span.DatePosted{
    display:block;
    font-size: 0.625rem;
    text-transform:uppercase;
}
#recentEventsCont a.iconPost:first-of-type .NewsDetails .NewsCont {
    padding:1rem;
}

#recentEventsCont h3 {
    font-family: inherit;
    font-size: 2.813rem;
    font-weight: 700;
    font-style: normal;
    color: inherit;
    margin: 0 0 0 1.5rem;
}

#recentEventsCont .Newsborder {
    border-bottom: 4px solid #efcc32;
    width: 4rem;
    left: 2rem;
    position: relative;
    margin: 0 0 2rem 0;
}

#recentEventsCont {
    padding: 2rem 1rem 2rem;
    max-width: 70%;
    background: #ebf0f0;
}
#recentEventsCont .NewsDetails {  
    background: rgb(255,255,255);
}
#recentEventsCont .NewsDetails .NewsCont{
    padding:0.85rem;
}
#recentEventsCont a.iconPost h4 {
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 600;
    font-style: normal;
    color: inherit;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: .5rem 0 0 0;
}

#recentEventsCont a.iconPost p {
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    color: #252525;
    margin: 0;
    display: inline-block;
    padding-right: 2rem;
}
    #recentEventsCont a.iconPost h5 {
        font-family: inherit;
        font-size: 0.9375rem;
        font-weight: 700;
        font-style: normal;
        color: #86ab40;
        text-transform: uppercase;
        padding: 1rem;
        border-top: 1px solid #dae6e5;
        margin: 0;
        letter-spacing: 2px;
        -webkit-transition: color 300ms ease 0s;
        -moz-transition: color 300ms ease 0s;
        -o-transition: color 300ms ease 0s;
    }
    #recentEventsCont a.iconPost:visited h5 {
        color: #86ab40;
    }
    #recentEventsCont a.iconPost:hover h5 {
        color: #267198;
    }
    #recentEventsCont a.iconPost:focus h5 {
        color: #267198;
    }
/* #recentEventsCont a.iconPost p:before { */
    /* content: "\f015"; */
    /* font-weight: 700; */
    /* margin-right: 0.5rem; */
/* } */
#recentEventsCont a.iconPost h5:after {
    content: "\f054";
    font-weight: 700;
    float:right;
}

#recentEventsCont a.iconPost time {
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    font-style: normal;
    color: #252525;
}
#recentEventsCont a.iconPost time span.DatePosted{
    display:none;
}
#recentEventsCont a.iconPost time span.DateFormat:before {
    content: "\f133";
    font-weight: 400;
    margin-right: 0.5rem;
}
#recentEventsCont a.iconPost i {
	 margin-right: 0.5rem; 
    /* position: absolute; */
    /* top: 50%; */
    /* left: 0; */
    /* -webkit-transform: translateY(-50%); */
    /* -moz-transform: translateY(-50%); */
    /* -o-transform: translateY(-50%); */
    /* -ms-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    /* font-size: 2rem; */
}
.UpcomingEventDesk{
	display:block;
}
.UpcomingEventMob{
	display:none;
}
#upcomingEventsCont {
    background: url(../images/bg-events.jpg) center no-repeat;
    padding:2rem 7rem 2rem 7rem;
}
#upcomingEventsCont h3 {
    font-family: inherit;
    font-size: 3rem;
    font-weight: 600;
    font-style: normal;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 1;
}
#upcomingEventsCont .EventBorder {
    border-bottom: 4px solid #efcc32;
    width:6rem;
    left: 50%;
    position: relative;
    margin: 0 0 3rem 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#upcomingEventsCont a.iconPost {
    float: left;
    width: 20%;
    padding: 0 3rem 3rem 3rem;
    color:rgb(255,255,255);
}
#upcomingEventsCont a.iconPost:hover {
    color: #efcc32;
}
#upcomingEventsCont a.iconPost:active {
    color: #efcc32;
}
#upcomingEventsCont .EventDetails{
    text-align:center;
}
#upcomingEventsCont a.iconPost i {
    font-size: 3.75rem;
    font-weight: 300;
    color: rgb(255,255,255);
    display: block;
    margin-bottom:1rem;
}
#upcomingEventsCont a.iconPost h4 {
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 600;
    font-style: normal;
    color: inherit;
    margin: 1.5rem 0 0 0;
}
#upcomingEventsCont a.iconPost time {
    font-family: inherit;
    font-size: 1.563rem;
    font-weight: 700;
    font-style: normal;
    color: #efcc32;
    text-transform:uppercase;
}
#upcomingEventsCont a.iconPost time:before{
    content:"\f133";
    font-weight:700;
    margin-right:0.5rem;
}
#recentEventsCont .bottomLinks a:first-of-type:after {
    content: "\f055";
}
#recentEventsCont .bottomLinks a:last-of-type:after {
    content: "\f138";
}
#upcomingEventsCont .bottomLinks a:first-of-type:after {
    content: "\f055";
}
#upcomingEventsCont .bottomLinks a:last-of-type:after {
    content: "\f138";
}
#recentEventsCont .empty {
    margin-left: 1.5rem;
}
#upcomingEventsCont .empty {
    text-align: center;
    color: #ffffff !important;
}

.empty i {
    font-size: 5rem;
    color: rgb(222,219,218);
    margin: 1rem 0;
}
.empty p a,
.empty p a:link {
    font-weight: 700;
}

.empty a,
.empty a:link /*,
.bottomLinks a,
.bottomLinks a:link*/ {
    color: #267198;
    display: inline-block;
}
    .empty a:visited /*,
.bottomLinks a:visited*/ {
        color: #267198;
    }
    .empty a:hover /*,
.bottomLinks a:hover*/ {
        color: #86ab40;
    }
    .empty a:active /*,
.bottomLinks a:active*/ {
        color: #86ab40;
    }
    .empty a:focus /*,
.bottomLinks a:focus*/ {
        color: #86ab40;
    }

#upcomingEventsCont .bottomLinks {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1rem;
    margin-bottom: 0;
}
#upcomingEventsCont .bottomLinks {
    bottom: 2.1rem;
}
#upcomingEventsCont .bottomLinks a,
#upcomingEventsCont .bottomLinks a:link {
    float: left;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    font-style: normal;
    color: rgb(255,255,255);
    text-transform: uppercase;
    padding-left: 3rem;
}
    #upcomingEventsCont .bottomLinks a:visited {
        color: rgb(255,255,255);
    }
#recentEventsCont .bottomLinks a:visited,
#recentEventsCont .bottomLinks a:last-of-type:visited {
    color: #267198;
}
#upcomingEventsCont .bottomLinks a:hover,
#recentEventsCont .bottomLinks a:hover,
#recentEventsCont .bottomLinks a:last-of-type:hover{
    color:#86ab40 !important;
}
#upcomingEventsCont .bottomLinks a:first-of-type {
    padding-right: 3rem;
    padding-left: 0;
    text-align: center;
}
#recentEventsCont .bottomLinks {
    padding: 2rem 1.5rem 1rem 1.5rem;
    margin-bottom: 0;
}
#recentEventsCont .bottomLinks a,
#recentEventsCont .bottomLinks a:link {
    float: left;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:1.125rem;
    font-weight: 700;
    font-style: normal;
    color: #267198;
    text-transform: uppercase;
}
#recentEventsCont .bottomLinks a:last-of-type{
    float:right;
    width:70%;
}

/*.bottomLinks a:last-of-type{
    float: right;
}*/

.bottomLinks a:after {   
    margin-left: 0.5rem;
    font-weight:700;
}

/****************************************************************
--------Highlights---------
****************************************************************/


ul.homeCol3,
ul.homeCol3 > li {
    list-style: none;
    margin: 0;
}

ul.homeCol3 {
    margin:0;
    padding:0;
}

.post {
    position: relative;
    /*left: 7%;*/
    width:100%
}

main .post {
    margin: 2.5em 0;
}
ul.homeCol3 > li {
    position: relative;
    float: left;
    height: auto;
    min-height: 12em;
    margin-right:1em;
    width: 32.4%;
}
ul.homeCol3 > li:last-child{
    margin-right: 0;
}
ul.homeCol3 > li a{
   display:block;
}
main .post h2 {
    font: normal 700 1.375em 'Roboto Slab', serif;
    text-transform: uppercase;
    margin: 1em 0 0;
    letter-spacing: 2px;
}
 .post p {
    font: normal 700 1.063em 'Lato', sans-serif;
    color: rgb(0,35,65);
}
 .post .post-1 h2{
    color:rgb(35,156,123);
}
 .post .post-2 h2 {
    color: rgb(0,73,134);
}
 .post .post-3 h2{
    color: rgb(0,148,218);
    
}
 .post .post-1 figure {
    background: rgb(35,156,123);
    max-width: 416px;
}
 .post .post-1 img {
    /* opacity: 1; */
    /* -webkit-transition: .3s ease-in-out; */
    /* transition: .3s ease-in-out; */
}
 .post .post-2 figure {
    background: rgb(0,73,134);
    max-width: 416px;
}
 .post .post-2 img {    
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
 .post .post-3 figure {
    background: rgb(0,148,218);
    max-width: 416px;
}
 .post .post-3 img {    
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
 .post .post-1:hover img {
    opacity: 0.3;
}
 .post .post-2:hover img {
    opacity: 0.3;
}
 .post .post-3:hover img {
    opacity: 0.3;
}


/****************************************************************
--------End---------
****************************************************************/

/****************************************************************
MEDIA QUERY
****************************************************************/
@media only screen and (max-width:1800px){
    #upcomingEventsCont {
        padding: 2rem 5rem 7rem 5rem;
    }
    #upcomingEventsCont a.iconPost {
        padding: 0 2rem 3rem 2rem;
    }
}
@media only screen and (max-width: 1680px) {
    main .container h3 {
        font-size: 1.3rem;
    }
    .empty i {
        font-size: 4rem;
    }
    a.iconPost, 
    a.iconPost:link,
    .bottomLinks a, 
    .bottomLinks a:link,
    a.iconPost time,
    .empty p {
        font-size: 1rem;
    }
    a.iconPost i {
        font-size: 1.5rem;
    }
    #recentEventsCont {
        padding: 1rem 1rem 1rem;
    }
    #recentEventsCont h3 {
        font-size: 2.513rem;
        margin: 0 0 0 1.5rem;
    }
    a.iconPost:first-of-type img {
        height: 305px;
        min-height:305px;
    }
    /*#recentEventsCont a.iconPost:first-of-type time span.DatePosted {
        font-size: 0.6rem;
    }*/
    #recentEventsCont a.iconPost:first-of-type .NewsDetails .NewsCont {
        padding: 0.85rem;
    }
    #recentEventsCont a.iconPost time {
        font-size: 0.7rem;
    }
    #recentEventsCont a.iconPost:first-of-type p {
        font-size: 1rem;
    }
    #recentEventsCont a.iconPost:first-of-type h4 {
        font-size: 1.15rem;
    }
    #recentEventsCont a.iconPost h5 {
        font-size: 0.85rem;
        padding: 0.85rem;
    }
    #recentEventsCont a.iconPost p {
        font-size: 0.8rem;
    }
    #recentEventsCont a.iconPost h4 {
        font-size: 1rem;
        padding: 0.85rem 0;
    }
    #recentEventsCont .bottomLinks a,
    #recentEventsCont .bottomLinks a:link {
        font-size: 0.95rem;
    }
    #upcomingEventsCont h3 {
        font-size: 2.95rem;
    }
    #upcomingEventsCont {
        padding: 2rem 5rem 5rem 5rem;
    }
    #upcomingEventsCont a.iconPost i {
        font-size: 3.15rem;
    }
    #upcomingEventsCont a.iconPost time {
        font-size: 1.25rem;
    }
    #upcomingEventsCont a.iconPost h4 {
        font-size: 1.36rem;
        margin: 1.15rem 0 0 0;
    }
    #upcomingEventsCont .bottomLinks {
        bottom: 2rem;
    }
    #upcomingEventsCont .bottomLinks a,
    #upcomingEventsCont .bottomLinks a:link {
        font-size: 0.95rem;
    }
}
@media only screen and (max-width:1450px){
    #recentEventsCont a.iconPost {
        width: 46%;
    }
    #upcomingEventsCont {
        padding: 2rem 2rem 5rem 2rem;
    }
    
}

@media only screen and (max-width:1330px) {
    .activePopupAlert .frmSearch {
        top: 22rem;
    }
    .frmSearch button[type="submit"] {
        right: 0.2rem;
    }
    #recentEventsCont h3 {
        font-size: 2.1rem;
    }
    #recentEventsCont .Newsborder {
        margin: 0 0 1.65rem 0;
    }
    a.iconPost:first-of-type img {
        height: 294px;
        min-height:294px;
    }
    #recentEventsCont a.iconPost {
        margin-bottom: 0.85rem;
    }
    #recentEventsCont a.iconPost h4 {
        padding: 0.95rem 0;
    }
    #recentEventsCont .bottomLinks {
        padding: 1.45rem 1.5rem;
    }
    #upcomingEventsCont a.iconPost {
        padding: 0 1rem 2rem 1rem;
    }
}


@media only screen and (max-width:1190px) {
    .frmSearch {
        top: 250px;
    }
    .activePopupAlert .frmSearch {
        top: 20rem;
    }
    #recentEventsCont h3 {
        font-size: 1.85rem;
        margin: 0 0 0 1.25rem;
    }
    #recentEventsCont .Newsborder {
        margin: 0 0 1.35rem 0;
        left: 1.5rem;
    }
    a.iconPost:first-of-type img {
        height: 272px;
        min-height:272px;
    }
    /*#recentEventsCont a.iconPost:first-of-type time span.DatePosted {
        font-size: 0.55rem;
    }*/
    #recentEventsCont a.iconPost:first-of-type .NewsDetails .NewsCont {
        padding: 0.75rem;
    }
    #recentEventsCont a.iconPost {
        margin-left: 1.25rem;
    }
    /*#recentEventsCont a.iconPost time {
        font-size: 0.655rem;
    }*/
        #recentEventsCont a.iconPost:first-of-type p {
            font-size: 0.755rem;
        }
    #recentEventsCont a.iconPost:first-of-type h4 {
        font-size: 0.92rem;
    }
    #recentEventsCont .NewsDetails .NewsCont {
        padding: 0.75rem;
    }
    #recentEventsCont a.iconPost h5 {
        font-size: 0.75rem;
        padding: 0.75rem;
    }
    #recentEventsCont a.iconPost p {
        font-size: 0.755rem;
    }
    #recentEventsCont a.iconPost h4 {
        font-size: 0.85rem;
        padding: 0.75rem 0;
    }
    #recentEventsCont .bottomLinks a,
    #recentEventsCont .bottomLinks a:link {
        font-size: 0.75rem;
    }
    #recentEventsCont .bottomLinks {
        padding: 1.15rem 1.5rem;
    }
    #upcomingEventsCont h3 {
        font-size: 2.155rem;
    }
    #upcomingEventsCont .EventBorder {
        margin: 0 0 2rem 0;
        width:5rem;
    }
    #upcomingEventsCont a.iconPost i {
        font-size: 2.35rem;
    }
    #upcomingEventsCont a.iconPost time {
        font-size: 0.975rem;
    }
    #upcomingEventsCont a.iconPost h4 {
        font-size: 1.1rem;
        margin: 1rem 0 0 0;
    }
    #upcomingEventsCont .bottomLinks a,
    #upcomingEventsCont .bottomLinks a:link {
        font-size: 0.75rem;
    }
    #upcomingEventsCont {
        padding: 2rem 2rem 4rem 2rem;
    }
}

@media only screen and (max-width:1024px) {
    main .container h3 {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:1023px) {
    .frmSearch button[type="submit"] {
        right: 0.3rem;
    }
}

@media only screen and (max-width: 991px) {
    .container {
        max-width: 100%;
    }
    #recentEventsCont h3 {
        margin: 0;
    }
    #recentEventsCont .Newsborder{
        left:0;
    }
    #recentEventsCont {
        max-width: 100%;
    }
    #recentEventsCont a.iconPost:first-of-type {
        width: 49%;
        margin-left: 0;
    }
    a.iconPost:first-of-type img {
        min-height: 291px;
        /*height:291px;*/
        width: 100%;
    }
    #recentEventsCont a.iconPost {
        width: 48%;
        margin-left: 1.5rem;
    }
    #recentEventsCont .bottomLinks {
        padding: 1.25rem 0;
    }
    #recentEventsCont .bottomLinks a:last-of-type {
        width: auto;
    }
    #upcomingEventsCont {
        padding: 2rem 1rem 4rem 1rem;
    }
    #upcomingEventsCont a.iconPost {
        padding: 0 0 2rem 0;
    }
}

@media only screen and (max-width:850px) {
    main .col-sm {
        flex-basis: auto;
    }

    main .col-sm {
        padding-bottom: 0;
    }
    .bottomLinks {
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        padding-left: 0;
        padding-right: 0;
        /*margin-top: 2rem;*/
    }
    .empty i {
        font-size: 3rem;
    }
    /*a.iconPost, 
    a.iconPost:link,*/ 
    .bottomLinks a, 
    .bottomLinks a:link, 
    /*a.iconPost time,*/ 
    .empty p {
        font-size: 0.85rem;
    }
    a.iconPost i {
        font-size: 1.1rem;
    }
    #recentEventsCont h3 {
        font-size: 1.65rem;
    }
    #recentEventsCont .Newsborder {
        margin: 0 0 1.15rem 0;
        left: 0;
    }
    a.iconPost:first-of-type img {
        min-height: 275px;
        /*height:266px;*/
    }
    /*#recentEventsCont a.iconPost:first-of-type time span.DatePosted {
        font-size: 0.5rem;
    }*/
    #recentEventsCont a.iconPost:first-of-type .NewsDetails .NewsCont {
        padding: 0.65rem;
    }
    /*#recentEventsCont a.iconPost time {
        font-size: 0.655rem;
    }*/
    /*#recentEventsCont a.iconPost:first-of-type p {
        font-size: 0.75rem;
    }*/
    /*#recentEventsCont a.iconPost:first-of-type h4 {
        font-size: 0.82rem;
    }*/
    #recentEventsCont .NewsDetails .NewsCont {
        padding: 0.65rem;
    }
    /*#recentEventsCont a.iconPost h5 {
        font-size: 0.685rem;
        padding: 0.685rem;
    }*/
    /*#recentEventsCont a.iconPost p {
        font-size: 0.675rem;
    }*/
    /*#recentEventsCont a.iconPost h4 {
        font-size: 0.75rem;
        padding: 0.75rem 0;
    }*/ 
    #recentEventsCont a.iconPost {
        margin-left: 1.3rem;
    }
    #upcomingEventsCont h3 {
        font-size: 1.85rem;
    }
    #upcomingEventsCont a.iconPost i {
        font-size: 2rem;
        margin-bottom: 0.85rem;
    }
    #upcomingEventsCont a.iconPost time {
        font-size: 0.85rem;
    }
    #upcomingEventsCont a.iconPost h4 {
        font-size: 0.95rem;
        margin: 0.85rem 0 0 0;
    }
}

@media only screen and (max-width:785px) {
    /*header.masterHeader {
        position: static !important;
    }*/

    .frmSearch {
        top: 220px;
    }
    .activePopupAlert .frmSearch {
        top: 240px;
    }
    .frmSearch input[type="search"] {
        font-size: 0.9rem;
    }
    .frmSearch button[type="submit"] {
        font-size: 1rem;
    }
    .frmSearch button[type="submit"] {
        right: 0.6rem;
    }
}
@media only screen and (max-width:767px){
    #recentEventsCont a.iconPost:first-of-type {
        width: 100%;
    }
    #recentEventsCont a.iconPost {
        width: 100%;
        margin-left: 0;
    }
    a.iconPost:first-of-type img {
        min-height: 370px;
    }
	.UpcomingEventDesk{
		display:none;
	}
	.UpcomingEventMob{		
		display:block;
	}
    #upcomingEventsCont .EventBorder {
        width: 4rem;
        margin: 0 0 1rem 0;
    }
    #upcomingEventsCont .EventDetails {
        text-align: center;
        padding: 1rem 4rem 1rem;
    }
	.UpcomingEventMob #upcomingEventsCont1 a.iconPost {		
		width: 100%;		
	}
    #upcomingEventsCont1 .carousel-control-prev,
    #upcomingEventsCont1 .carousel-control-next {
        top:-3rem;
    }
    #upcomingEventsCont .bottomLinks a:first-of-type {
        padding-right: 0;
    }
    #upcomingEventsCont .bottomLinks a,
    #upcomingEventsCont .bottomLinks a:link {
        padding-left: 1rem;
    }
}
@media only screen and (max-width:680px) {
    main .container h3 {
        font-size: 1rem;
    }
}

@media only screen and (max-width:600px) {
    .frmSearch input[type="search"] {
        font-size: 0.8rem;
    }
    .frmSearch button[type="submit"] {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width:580px) {
    .frmSearch {
        top: 190px;
    }
    .activePopupAlert .frmSearch {
        top: 230px;
    }
    a.iconPost:first-of-type img {
        min-height: 300px;
    }
}

@media only screen and (max-width:400px) {
    #upcomingEventsCont a.iconPost h4 {
        font-size: 0.85rem;
    }
    #recentEventsCont .bottomLinks a,
    #recentEventsCont .bottomLinks a:link{
        float: none;
        /*max-width: 200px;*/
        font-size: 0.7rem;
        color: #267198;
        text-align: center;
        display: block;
        padding: 0.6rem 1.5rem;
        margin: auto;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        border-radius: 0.5rem;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        /*background: rgb(1,138,182);*/
    }
    .bottomLinks a:visited {
        color: #267198;
    }
    .bottomLinks a:hover {
        color:#86ab40;
    }
    .bottomLinks a:first-of-type {
        margin-bottom: 0.1rem;
    }
    .bottomLinks a:last-of-type {
        float: none;
    }
    .bottomLinks a:before {
        color: inherit;
    }
    #upcomingEventsCont .bottomLinks {
        bottom: 1rem;
    }
    #upcomingEventsCont .bottomLinks a,
    #upcomingEventsCont .bottomLinks a:link {
        max-width: 100%;
        font-size: 0.7rem;
        color: #ffffff;
        text-align: center;
        display: block;
        padding: 0.6rem 1.5rem;
        margin: auto;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        border-radius: 0.5rem;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        /*background: rgb(1,138,182);*/
    }
    .frmSearch {
        top: 170px;
    }
    .activePopupAlert .frmSearch {
        top: 200px;
    }
    a.iconPost:first-of-type img {
        min-height: 230px;
    }
}