@font-face {
    font-family: Kuunari;
    font-display: optional;
    src: url("fonts/KuunariRounded-Black.otf") format("woff2"), url("fonts/KuunariRounded-Black.otf") format("woff");
}

/*@font-face {
    font-family: Kuunari;
    font-display: optional;
    font-weight: bold;
    src: url("fonts/39770C_20_0.woff2") format("woff2"), url("fonts/39770C_20_0.woff") format("woff");
}*/

html, body {
    height: 100%;
}
body {
    background: #fff;
  
    font: 18px/20px Calibri, Helvetica, sans-serif;
    color: #000;
    position: relative;
    min-width: 320px;
    line-height: 1.42857143;
}
textarea
{
    font-family: Calibri, Helvetica, sans-serif;
}
/*********************************header*************************************/
header {
    width: 100%;
    /*padding: 1.2vw 0 0 0;*/
}
#page1 header
{
    padding: 27px 0 59px;
}
h1
{
    float: left;
    font-size: 48px;
    line-height: 58px;
}
h1 a
{
    display: inline-block;
    padding-left: 52px;
    background: url(../images/emX.jpg) 0 12px no-repeat;
    color: #2a2d2d;
    z-index: 2;
    position: relative;
}
h1 a:hover
{
    text-decoration: none;
}
dl.p4 dd
{
    margin-left: 25px;
    margin-bottom: 5px;
}
.only-print
{
    display: none;
}
.progresscursor
{
    cursor: progress;
}
.outline {
    border: 3px solid #9B2743;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px 0 15px 15px;
}
.burgundy {
    color: #9B2743;
}
.field-validation-error
{
    font-style: italic;
    color: red;
}
li.pdf
{
    list-style-image: url(../images/pdf.gif);
}
li.excel
{
    list-style-image: url(../images/excel.gif);
}
li.zip
{
    list-style-image: url(../images/zip.gif);
}
a.pdf
{
    background: url(../images/pdf.gif) 0 0 no-repeat;
    background-position: left;
    padding-left: 25px;
}
blockquote
{
    min-height: 104px;
}
nav {
    z-index: 5;
    position: relative;
    /*background-color: #2D3748;*/
    background-color: #f7f7f7;
    padding: 0px 0;
}
div.grid_24
{
    z-index: 3;
    position: relative;
}
nav a, footer a
{
    text-decoration: none;
}
div.sidenav
{
    margin-left: 25px;
}
ul.p4, ul.p4 ul
{
    list-style: square;
    margin-left: 30px;
}
ul.squareinside
{
    list-style: square inside;
    margin-left: 15px;
}
img.no_grow
{
    float: left;
    margin-right: 10px;
    width: 25px;
}
p.accessibility {
    font-style: italic;
    font-weight: bold;
    font-size: larger;
    color: #9B2743;
}
#ProvinceImageMap
{
    width: 375px;
    height: 500px;
}
p.languagelink
{
    position: relative;
    margin: 3px 15px 0 0;
    text-transform: none;
    display: inline-block;
    padding-bottom: 10px;
}
.breadcrumbs {
    font-size: smaller;
    margin: 30px 0 15px 5%;
}
ol.p4
{
    list-style-type: decimal;
    margin-left: 25px;
}
a
{
    font-weight: bold;
    text-transform:uppercase;
    text-decoration: none;
    color: black;
}
.newsFlash {
    width: 100%;
    text-align: center;
    background-color: #d8eaf9;
    /*font-size: larger;*/
    padding: 8px 0px;
    /*font-family: Kuunari;*/
    display: flex;
    justify-content: center;
    line-height: 1.42857143;
}

.newsFlash div{
    width:85%;
}

#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #9B2743;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

    #skiptocontent a:focus {
	    position:absolute;
	    left:0px;
	    top:0px;
	    outline-color:transparent;	
	    -webkit-transition: top .1s ease-in;
        transition: top .1s ease-in;
    }
/********************************* Content **********************************/
#content {
    width: 100%;
}
/* ---------- Tags ---------*/
.page_container {
    padding: 0 7% 5% 5%;
    display: flex;
    justify-content: space-between;
}

.page_container .grid_16{
    max-width:80%;
}

.page_container .sidenav{
    min-width: 270px;
}

.page_container .accordion{
    max-width: 1000px;
}

.page_container .placeSearch {
    max-width: 1000px;
}

h3 {
    display: block;
    font-size: 1.33rem;
    line-height: 1.42857143;
    color: #9B2743;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 4px;
}
h3.icon-1
{
    padding-left: 35px;
    background: url(../images/title-icon1.jpg) 0 0 no-repeat;
}
h3.icon-2
{
    padding-left: 35px;
    background: url(../images/title-icon2.jpg) 0 0 no-repeat;
}
h3.icon-3
{
    padding-left: 35px;
    background: url(../images/title-icon3.jpg) 0 0 no-repeat;
}
h3.icon-4
{
    padding-left: 35px;
    background: url(../images/BallotHand_Grey.jpg) 0 0 no-repeat;
}
h4 {
    display: block;
    font-size: 20px;
    line-height: 1.42857143;
    color: #7b7473;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 4px;
    padding-top: 2px;
}
h5 {
    display: block;
    font-size: 18px;
    line-height: 1.42857143;
    color: #7b7473;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 4px;
}
h6
{
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}
h6 a
{
    color: #6c90ba;
}
h6 a:hover
{
    text-decoration: none;
    color: #000;
}

p, .p3-1
{
    margin-bottom: 18px;
}
.p0
{
    margin-bottom: 0;
}
.p1
{
    margin-bottom: 5px;
}
.p1-1
{
    margin-bottom: 8px;
}
.p2
{
    margin-bottom: 10px;
}
.p2-1
{
    margin-bottom: 12px;
}
.p3
{
    margin-bottom: 15px;
}
.p4
{
    margin-bottom: 20px;
}
.p4-1
{
    margin-bottom: 22px;
}
.p5
{
    margin-bottom: 25px;
}
.p5-1
{
    margin-bottom: 28px;
}
.p6
{
    margin-bottom: 30px;
}
.p6-1
{
    margin-bottom: 32px;
}
.p7
{
    margin-bottom: 35px;
}
.p7-1
{
    margin-bottom: 37px;
}
.p8
{
    margin-bottom: 40px;
}
.p8-1
{
    margin-bottom: 42px;
}
a {
    /*color: #635c54;*/
    outline: none;
    cursor: pointer;
    text-decoration: underline;
    text-transform:none;
    font-weight:500;
}
    a:hover {
        text-decoration: none;
        color: #9B2743;
    }
blockquote
{
    width: 100%;
    background: url(../images/blockquote-bg.jpg) 0 0 no-repeat;
    font: italic 14px/25px Calibri, Helvetica, sans-serif;
    color: #8d867e;
    margin-top: -7px;
    margin-bottom: 32px;
}
blockquote .indents1
{
    padding: 8px 0 0 40px;
}
.quote-caption
{
    text-align: right;
    font: italic 15px/25px Calibri, Helvetica, sans-serif;
    color: #000;
}
.quote-caption a
{
    text-decoration: underline;
    color: #8d867e;
    font-size: 13px;
    line-height: 16px;
}
    .quote-caption a:hover {
        color: #9B2743;
    }
time {
    display: block;
    color: #9B2743;
    font-size: 11px;
    line-height: 17px;
}
figure
{
    position: relative;
}
/*----- Global Structure -----*/
.clear
{
    clear: both;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    height: 0;
    width: 100%;
}
.wrapper
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.extra-wrap
{
    overflow: hidden;
    display: block;
}
.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.alignright
{
    text-align: right;
}
.aligncenter
{
    text-align: center;
}
.alignmiddle *
{
    vertical-align: middle;
}
.img-indent
{
    float: left;
    margin-right: 20px;
}
.img-indent2
{
    float: left;
    margin-right: 10px;
}
.img-indent3
{
    float: left;
    margin-right: 15px;
}
.img-indent-r
{
    float: right;
    margin-left: 20px;
}
.img-indent-r2
{
    float: right;
    margin-left: 60px;
}
.mr30
{
    margin-right: 30px;
}
.last-item
{
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/*---------- Columns --------*/
.col-5
{
    float: left;
    width: 190px;
    margin-right: 10px;
}
.col-6
{
    float: left;
    width: 230px;
    margin-right: 10px;
}
.col-md-4 {
    float: left;
    width: 33%;
}
/*---------- Links ----------*/
.button
{
    display: inline-block;
    cursor: pointer;
    font: 14px/17px Calibri, Helvetica, sans-serif;
    color: #fff;
    text-transform: lowercase;
    padding: 8px 20px 8px;
    background: #8d867e;
}
.button:hover
{
    text-decoration: none;
    background: #dedad7;
}
.img-link
{
    display: block;
    position: relative;
}
.img-link:hover
{
    text-decoration: none;
}
.img-link .hover
{
    opacity: 0;
    -moz-opacity: 0.4;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
/*----------- Boxes & blocks----------*/
.box1
{
    background: #ededed !important;
    margin-bottom: 21px;
}
.box1 .indents1
{
    padding: 14px 10px 27px;
}
div.block1
{
    float: left;
    background: #ededed;
    width: 120px;
    height: 74px;
    padding-top: 46px;
    margin-right: 13px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #7b7473;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 3px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
div.block2
{
    background: #6c90ba;
    width: 55px;
    height: 45px;
    padding-top: 10px;
    margin: 0 auto 14px;
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    letter-spacing: -1px;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
}
div.arrow
{
    float: left;
    width: 74px;
    height: 67px;
    background: url(../images/arrow.png) center 46px no-repeat;
    margin-right: 14px;
}
em.img-caption1
{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    line-height: 22px;
    color: #2c2b2b;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 3px;
    padding: 0 5px 5px 0;
}
em.img-caption1 strong
{
    display: block;
    margin-top: -3px;
    font-weight: normal;
}
em.img-caption2
{
    display: block;
    background: url(../images/img-caption2-tail.png) center top repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 3px;
}
em.img-caption2 strong
{
    display: block;
    padding: 21px 18px 14px;
    font-weight: normal;
}
/*---------- Lists -----------*/
.list-1 li
{
    line-height: 16px;
    background: url(../images/marker-1.png) 0 5px no-repeat;
    padding-left: 18px;
    margin-bottom: 13px;
}
.list-1 dt
{
    font-size: 14px;
    line-height: 17px;
    background: url(../images/marker-1.png) 0 5px no-repeat;
    padding-left: 18px;
}
.list-1 dd
{
    font-size: 13px;
    line-height: 18px;
    padding-left: 18px;
    margin-bottom: 14px;
}
.list-1 a {
    text-decoration: underline;
    color: #7b7473;
    line-height: 1.42857143;
}
.list-1 dt a
{
    color: #7b7473;
}
.list-1 a:hover {

    color: #9B2743;
}
.list-1 dt a:hover
{
    color: #7b7473;
}
.banners
{
    padding: 0 13px;
    overflow: hidden;
}
.banners li
{
    float: left;
    margin-right: 41px;
}
/*---------- borders ---------*/
.border-bottom1
{
    border-bottom: 1px solid #dededa;
}
/*---------- Indents ---------*/
.margin-top
{
    margin-top: -4px;
}
.indent-top1
{
    padding-top: 5px;
}
.indent-top5
{
    padding-top: 25px;
}
.indent-top9
{
    padding-top: 45px;
}
.indent-right5-1
{
    padding-right: 28px;
}
.indent-right6
{
    padding-right: 30px;
}
.indent-right13
{
    padding-right: 65px;
}
.indent-right48
{
    padding-right: 240px;
}
.indent-left8
{
    padding-left: 40px;
}
.indent-bottom3-1
{
    padding-bottom: 17px;
}
.indent-bottom6
{
    padding-bottom: 30px;
}
.indent-bottom10
{
    padding-bottom: 50px;
}
.indent-bottom11
{
    padding-bottom: 55px;
}
.indent-bottom11-1
{
    padding-bottom: 57px;
}
/*----------- Map ------------*/
#map iframe
{
    width: 350px;
    height: 240px;
}
#map dl
{
    width: 100%;
    position: relative;
    overflow: hidden;
}
#map dt
{
    color: #6c90ba;
    margin-bottom: 18px;
}
#map dl span
{
    float: left;
    width: 98px;
}
/************************************** Footer *************************************/
footer {
    padding: 50px 0 45px;
    /*background-color: rgb(89,89,89);*/
    background-color: #2D3748;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
footer a{
    color: white;
    text-decoration: none;
    font-size: 1.1em;
}

footer a:hover{
    text-decoration: none;
}

footer .indent-top
{
    padding-top: 60px;
}
footer .indent-bottom
{
    padding-bottom: 36px;
}
footer .indent-bottom1
{
    padding-bottom: 73px;
}
.footer-list li
{
    margin-bottom: 6px;
}
.footer-list a
{
    color: white;
    font-weight:500;
    text-transform:none;
    font-size:1em;
}
    .footer-list a:hover {
        text-decoration: none;
        color: #00B0B9;
    }
.footer-text {
    font-size: 1em;
    color: white;
    float: left;
    margin-right: 3%;
    margin-left: 3%;
}
.footer-text a
{
    
}
.footer-link
{
    float: right;
    margin-right: 5%;
}

.footer-email a{
    font-size:1em;
}

.footer-phone a{
    font-size: 1em;
}
/*------contact icons------*/
.email {
    background-image: url(../images/subs-input-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    display: inline;
    margin-right: 10px;
}
.email a
{
    margin-left: 20px;
    margin-top: 0px;
}
.phone
{
    background-image: url(../images/phone.jpg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    display: inline;
    margin-left: 10px;
}
.phone span
{
    margin-left: 20px;
    margin-top: 0px;
}
/*------ social icons ------*/
.social-icons
{
    margin: 0;
    list-style: none;
    overflow: hidden;
    float: left;
}
.social-icons li
{
    display: inline-block;
    margin-right: 3px;
}
.social-icons li a {
    display: block;
    height: 33px;
    width: 33px;
    cursor: pointer;
    background-color: #f5f3f3;
    border: solid 1px #f5f3f3;
    border-radius: 20px;
    color: rgb(89,89,89);
    text-align:center;
        
}

    .social-icons li a:hover {
        background-color: #9B2743;
        color: white;
        border-color: #9B2743;
    }

.social-icons li a i {
    padding-top: 4px;
    font-size: 1.3em;
}
.social-icons .icon-1 a {
    background-position: 0 top;
}
.social-icons .icon-1 a:hover
{
    background-position: 0 -42px;
}
.social-icons .icon-2 a
{
    background-position: -40px top;
}
.social-icons .icon-2 a:hover
{
    background-position: -40px -42px;
}
 .social-icons .icon-3 a {
        background-position: -80px top;
      
 }
 .social-icons .icon-3 a:hover {
     background-position: -80px -42px;
          
 }
.social-icons .icon-4 a
{
    background-position: -120px top;
}
.social-icons .icon-4 a:hover
{
    background-position: -120px -42px;
}
.social-icons .icon-5 a
{
    background-position: -160px top;
}
.social-icons .icon-5 a:hover
{
    background-position: -160px -42px;
}


.header-content {
    display: flex;
    justify-content: space-between;
    padding-right: 5em;
    padding-left: 4em;
    font-size: 1.1em;
}

.header-link-container {
    display: flex;
    flex-direction: row;
    padding-top: 1.2vw;
    justify-content: space-between;
}

    .header-link-container a {
        font-size: large;
        font-weight: bold;
        /*text-transform: capitalize;*/
        text-decoration: none;
        color: #635c54;
    }

.header-links {
    display: flex;
    /*height: 25%;*/
}

.header-link {
    padding: 0 0.5em;
    /*border-right: 2px #635c54 solid*/
}

    .header-link::after {
        content: " ";
        padding: 0 0.5em;
        border-right: 2px #635c54 solid
    }

.header-link:last-child::after {
    border-right: none;
    content: "";
    padding: 0
}

.header-link:last-child  {
    /*border-right: none;*/
}

.header-links a:hover {
    text-decoration: none;
}


.voter-register-front-page-button a {
    font-size: large;
    color: #FFFFFF !important;
    background-color: #9B2743;
    padding: 0.3rem 0.5rem;
    border-radius: 10px;
    margin-bottom: auto;
    text-align: center;
    display: inline-block;
    /* width: 50%; */
    /* max-height: 50%; */
    border: 1px solid #9B2743;
    margin-top: -0.3rem;
}


.search-bar {
    margin-left: 30px; 
    margin-top:-10px;
    width:12vw !important
}
.search-label {
    position: absolute !important;
    top: auto;
    color: rgba(255,255,255,0);
}

#contact-form input {
    margin-left: 30px;
    margin-top: -8px;
    font-size: 1em;
}

.footer-copyright-text {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 20px;
}

.footer-copyright-date {
    font-size: 1.1em;
}



.whitebox {
    padding: 3px;
    background-image: url(../images/boxShade.jpg);
    margin-bottom: 5px;
}

.w-uppercase {
    text-transform: uppercase;
}

.w-sup {
    position: relative;
    bottom: 1ex;
    font-size: 80%;
}

.w-ceo-txt {
    margin-left: 10px;
}

.w-img-holder {
    max-width: 146px;
    height: 200px;
    float: left;
    padding-right: 8px;
}

div.innerbox {
    font-weight: bold !important;
}

.bannertext {
    width: 100%;
    height: 2em;
    justify-content: center;
    flex-shrink: 0;
    color: white;
    text-align: center;
    font-family: Calibri !important;
    font-size: larger;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    background: #9B2743;
    margin-bottom: 1em;
}
.emptyBannerText {
    width: 100%;
    height: 1em;
    background: white;
}

@media only screen and (max-width:1440px){
    .header-link-container a {
        font-size: initial;
    }

    .header-content{
        padding-right:1em;
        padding-left:2em;
    }
}



@media only screen and (min-width: 995px) {
    a.home_logo {
        background-image: url(../images/EMBLogo_Stacked_English_RGB.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 100%;
        float: left;
        width: 20vw;
        height: 6vw;
        image-rendering: -webkit-optimize-contrast;
    }

    a.home_logo_f {
        background-image: url(../images/EMBLogo_Stacked_French_RGB.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 100%;
        float: left;
        width: 20vw;
        height: 6vw;
        image-rendering: -webkit-optimize-contrast;
    }

}

@media only screen and (max-width: 995px)
{
    body {
        font: 16px/18px Calibri, Helvetica, sans-serif; line-height:1.2rem
    }
    .page_container {
        padding: 0 7% 5% 5%;
        display: flex;
        flex-direction:column;
        justify-content: space-between;
    }

    h3{
        font-size:20px;
    }
    h4{
        font-size:18px;
    }
    h5{
        font-size:16px;
    }


    .list-1 a{
        font-size:smaller;
    }

    .page_container .grid_16 {
        max-width: 100%;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .
    , .grid_18, .grid_19, .grid_20, .grid_21, .extra-marg-bot
    {
        margin-bottom: 25px;
    }
    .hide1-1
    {
        display: block;
    }
    .hide2
    {
        display: none;
    }
    .last-col
    {
        margin-bottom: 0 !important;
    }
    .even-last-item
    {
        margin-right: 0 !important;
    }
    .img-indent-none2
    {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .header-links a {
        font-size: 1em;
    }
    .col-5
    {
        width: 133px;
    }
    .col-6
    {
        width: 205px;
    }
    /*-----------------------------------------*/
    h1
    {
        float: none;
        margin-bottom: 35px;
    }
    blockquote
    {
        margin-top: 0;
    }
    .banners
    {
        text-align: center;
        word-spacing: 15px;
    }
    .banners li
    {
        display: inline-block;
        float: none;
        margin-right: 0;
    }
    .box1
    {
        float: left;
        margin-bottom: 0;
        margin-right: 10px;
        width: 100%;
    }
    .img-link
    {
        width: 185px;
        height: 180px;
    }
    div.block1
    {
        margin-right: 5px;
        width: 100px;
        height: 62px;
        padding-top: 38px;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
    }
    div.block2
    {
        float: left;
        margin: 0 20px 0 0;
    }
    div.arrow
    {
        background-position: center 42px;
    }
    .indent-right13
    {
        padding-right: 0px;
    }
    #map iframe
    {
        width: 420px;
    }
    .footer-text
    {
        float: none;
        margin-right:0;
        margin-left:0;
    }
    .footer-link
    {
        float: none;
        padding-top: 30px;
    }
    .desktop
    {
        display: none;
    }
    nav > ul > li
    {
        width: 357px;
        text-align: left;
    }
    .other-arrow
    {
        background: none;
    }

    .header-content{
        flex-direction:column;
        padding-left:0;
        padding-right:0;
    }
    footer{
        flex-direction:column-reverse;
        padding-left:20px;
    }
    .header-link-container {
        flex-direction: column;
        display: flex;
        justify-content: center;
    }
    .header-links {
        display: flex;
        justify-content: center;
    }
    .header-link {
        text-align: center;
    }
    .header-link::after{
        content:"";
        border:none;
    }
    #content{
        padding:0;
    }
    a.home_logo {
        background-image: url(../images/EMBLogo_Stacked_English_RGB.png);
        background-repeat: no-repeat;
        background-size: 50%;
        height: 15vw;
        margin-bottom: 15px;
        background-position: center;
        width: auto;
        image-rendering: -webkit-optimize-contrast;
    }


    a.home_logo_f {
        background-image: url(../images/EMBLogo_Stacked_French_RGB.png);
        background-repeat: no-repeat;
        background-size: 50%;
        height: 15vw;
        margin-bottom: 15px;
        background-position: center;
        width: auto;
        image-rendering: -webkit-optimize-contrast;
    }
    #contact-form input {
        float: left;
        margin-left: 13%;
        margin-top: 30px;
        width:70%;
        height: 100%
    }
    .footer-copyright-text{
        padding-bottom: 10px;
    }
    .desktop-image {
        display: none;
    }

    .mobile-image {
        display: block;
    }
    .search-bar{
        width: 70% !important
    }

}

@media only screen and (max-width: 479px)
{
    .bannertext {
        height: 5em;
    }
    .hide3
    {
        display: none;
    }
    .col-5, .col-6
    {
        width: 300px;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .img-indent-none3
    {
        float: none;
        margin: 0 0 10px;
    }
    /*-----------------------------------------*/
    h5
    {
        text-align: center;
    }
    .box1
    {
        margin-bottom: 25px;
        width: 100%;
    }
    .box1 .img-link
    {
        float: left;
        margin-right: 10px;
        width: 170px;
        height: 165px;
    }
    div.block1
    {
        float: none;
        margin: 0 auto 5px;
    }
    div.block1.last-item
    {
        margin-right: auto !important;
    }
    div.arrow
    {
        float: none;
        width: 100%;
        height: 27px;
        background: url(../images/arrow2.png) center top no-repeat;
        background-size: auto auto;
        margin: 0 auto 5px;
    }
    #map iframe
    {
        width: 300px;
    }
    .footer-list{
        display:flex;
        flex-direction: column;
    }
    .footer-list li
    {
        float: left;
        padding-right: 5px;
    }
    .footer-text{
        width:100%;
    }
    .social-icons
    {
        text-align: center;
    }
    .desktop
    {
        display: none;
    }



    .skip-only {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }


    /*div#multiColumn {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }

    #multiColumn li:nth-child(8) {
        -webkit-column-break-after: always;
        break-after: always;
    }
    @media only screen and (max-width: 995px) {
        div#multiColumn {
            -moz-column-count: 1;
            -moz-column-gap: 20px;
            -webkit-column-count: 1;
            -webkit-column-gap: 20px;
            column-count: 1;
            column-gap: 20px;
        }
    }*/

}