@import url('https://fonts.googleapis.com/css?family=Calistoga&display=swap');
.tiersystem {
   text-align: center !important; 
    font-size: 2rem  !important; 
    font-weight: bolder !important; 
    font-variant: small-caps  !important; 
    color: red  !important; 
}
body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;

}

.container {
    background-color: #fff;
}
.navbar-nav {
    margin: 0 auto;
}

.card-img-top{
    padding-top:1rem;
  width: 150px;
    justify-content: center;
    margin: auto;
}

.feed_title {
    color: black;
    text-align: center;
}

.card-title {
    text-align: center;
}


.card-footer{text-align:center;}
.cardheadertext {margin:.5rem; font-size:1.5rem;font-weight:bold;}
.boxtext {padding-top:1rem; text-align:center; height: 6em;}
.boxtextmedical{height:6rem;padding-top:1rem; text-align:center;}
.boxtextvulnerable{height:8rem;padding-top:1rem; text-align:center;}
.boxtextleisure {height:8rem;padding-top:1rem; text-align:center;}
.boxtextsupport {height:15rem;padding-top:1rem; text-align:center;}
.websitelink {font-size:1.5rem;}
.itemTitles {padding:0; background-color:#419A1C;color:white;font-size:1.5rem; height:3rem;  align-items: center; }
.boxtextfresh{height:12rem;padding-top:1rem; text-align:center;}
.boxtextcontact{height:1rem; text-align: center;  }
.boxtexttransport{height:6rem;padding-top:1rem; text-align:center;}
.contact_details_medical {color:green;  text-align: center; font-weight:bold;}
.itemCard {padding:0 !important; margin:0; }
.image {max-height: 100px;}
.card {
    padding: 1rem;
}
.imagecontainer{margin:0 auto; height:166px;}
.navbar .nav-item {
    padding-right: 3rem;
    padding-left: 3rem;
    text-transform:uppercase;
    font-weight:bolder;
   
}


.navbar .nav-item a:visited {
    color: violet;
}


header {
    background-color: white;
    color: darkgreen;
    font-weight: bolder;
    text-align: center;
    font-size: 3rem;
    font-family: 'sans-serif';
    justify-content: center;

   

}
.status{font-size: 1.5rem; font-weight: bolder;}
.headname{ padding-top:5rem;}

.nametext {
    text-justify: auto;
}

.breadcrumb {background-color:#fff;}
.breadcrumb-item a{color:black;}
.itemCard {padding:0;}
.htext {
    color: white;
    padding-top: 5rem;
}

.error {
    color: red;
    font-weight: bold;
}

.social {
    font-size: 1rem;
    color: darkgreen;
    text-decoration: none;
}

h1 {
    text-align: center;
}

main {
    background-color: white;
    color: #000;
    font-size: 1rem;
}

.newtitle {
    text-decoration: none;
    font-size: 1rem;
    color: #000000;
}

.latest_advice {
    margin-top: 1rem;
}

.newdecr {
    font-size: .8rem;
    color: black;

}



.blurb {
    font-weight: 300;
    font-size: 1.2rem;
}


.nonlink {
    text-decoration: none;
    color: white;
}

.newsdate {
    font-size: .6rem;
}

.quotetext {
    font-size: 3.5rem;
    text-align: center;
    font-family: 'Shadows Into Light', cursive;
}

.maintext {
    text-align: center;
}

.newsitem {
    border: solid 1px black;

}

.infowrapper {
    
    background-color: #fff;
    color: #444;
    margin: 0 auto;
    padding: 0;
    align-items: center;


}
.contactmessages{color: green;}
.boxheader {
    color: black;
  }

.box {
    background-color: lightgray;
    color: black;
    border: solid 1px black;
    padding: 1rem;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bolder;
}


.info {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    text-align: center;
    background: white;

    min-height: 8rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;

}

.name {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    text-align: center;
    background: white;
    border: solid 1px grey;
    padding: .5rem;


}

img {
    max-width: 100%;
    height: auto;
}

.locals {
    margin-top: 1rem;
}

.services {
    border: solid 1px darkgreen;
    background-color: darkgreen;
    color: white;
    font-size: 1rem;
    font-weight: 300;
    padding-bottom: 2rem;
    text-align: center;
    margin: 1rem;

}
    .contact-us {
        padding-top:3rem;}
.shops {
    border: solid 1px grey;
    background-color: red;
    background-image: linear-gradient(to top right, blue, #ADD8E6);
    font-size: .8rem;
    font-weight: 300;
}
cont
.help {

    border: solid 1px grey;
    background-color: red;
    background-image: linear-gradient(to top right, red, #ffcccb);
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 300;
    padding: 1rem;

}

.nonlinkblack{color:black;}
.update {
    border: solid 1px grey;
    background-color: red;
    background-image: linear-gradient(to top right, purple, #b19cd9);
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 300;
    padding: 1rem;
}

.blurb {
    font-size: 1rem;
    text-align: center;
}

.blurbh1 {
    text-align: center;
}

footer {
    background-color: #343A40;
    color: white;
    font-size: 1rem;
    padding-top: 2rem;
    margin-top: 1rem;
    text-align: center;


}

.info_rows {
    margin: 1rem;
}

.tiersystem {
   text-align: center !important; 
    font-size: 2rem  !important; 
    font-weight: bolder !important; 
    font-variant: small-caps  !important; 
    color: red  !important; 
}
@media (max-width: 1024px) {
 .navbar.nav-item {
        padding-right: 3rem;
        padding-left: 3rem;
        
    }
        .headname{ padding-top:2rem;}
        
        .itemTitles {height:auto;}
.boxtext{height:auto;}
.boxtextvulnerable {height:auto;}
.boxtextmedical {height:auto;}
.websitelink {font-size:1rem;}
.boxtextleisure {height:5rem;}
.boxtexttransport{height:10rem;}
.boxtextfresh{height:18rem;}
}

@media (max-width: 768px) {
    .nav-item {
        padding-right: 3rem;
        padding-left: 3rem;
        
    }
    .imagecontainer {height:auto;}
    .itemTitles {height:auto;}
.boxtext{height:auto;}
.boxtextvulnerable {height:auto;}
.boxtextmedical {height:auto;}
        .headname{ padding-top:0;}
.boxtextleisure {height:6rem;}
    .services {
        margin-bottom: 1rem;
    }

    .latest_advice .locals .cards .card {
        margin-top: 1rem;
    }

    .infowrapperheader {
        display: none;
    }

  .quotetext {
    font-size: 3rem;
    text-align:center;
    }
}


@media (max-width: 576px) {
    .logotext {
        font-size: 1rem;
    }
.urltext {font-size:.8rem !important;}
    .locals .card .cards {
        margin-top: 1rem;
    }
.boxtextleisure {height:7rem;}
.boxtexttransport{height:9rem;}
.boxtextfresh{height:15rem;}
.imagecontainer {height:auto;}

    footer {
        list-style: none;
        background-color: black;
    }

    .boxhdeader {
        display: none;
    }

    .box {
        min-height: 0;
    }
.websitelink {font-size:1rem;}
    .header {
        font-size: 1rem;
        margin: 0 auto;
    }
    .headertext {    
        margin: 0 auto;
    font-size: 2rem;
    padding-top:2rem;
    
    }
    .headname{ padding-top:0;}

    .contact-us {
        justify-content: center;
       padding-top:1rem;
    }

    .social {
        padding: 0;
        margin: 0 auto;
    }

    .services {
        margin: 0 auto;
        margin-bottom: 1rem;
        width: 100%;
    }

 
    .trnonlink {
        font-size: .7rem;
    }

    .infowrapper {
        border: green;
        margin: 1rem;
        padding: 1rem
    }

    .info {

        font-family: Helvetica, Arial, sans-serif;
        font-size: 1rem;
        text-align: center;
        background: white;
        font-weight: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
.quotetext {
    font-size: 1.5rem;
}
.itemTitles {height:auto;}
.boxtext{height:auto;}
.boxtextvulnerable {height:auto;}
.boxtextmedical {height:auto;}
    .name {
        margin: 0;
    }

    .infowrapperheader {
        display: none;
    }
    h1{font-size: 2rem !important; }
}