/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */
.column, .columns {
	float: left;
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}
.video{
    margin-bottom:30px;
}

/* Nested Column Classes */
    .column.alpha, .columns.alpha {
	margin-left: 0;
}
.column.omega, .columns.omega {
	margin-right: 0;
}
/* Base Grid */
    .container .one.column {
	width: 20px;
}
.container .two.columns {
	width: 80px;
}
.container .three.columns {
	width: 140px;
}
.container .four.columns {
	width: 200px;
}
.container .five.columns {
	width: 260px;
}
.container .six.columns {
	width: 320px;
}
.container .seven.columns {
	width: 380px;
}
.container .eight.columns {
	width: 440px;
}
.container .nine.columns {
	width: 500px;
}
.container .ten.columns {
	width: 560px;
}
.container .eleven.columns {
	width: 620px;
}
.container .twelve.columns {
	width: 680px;
}
.container .thirteen.columns {
	width: 740px;
}
.container .fourteen.columns {
	width: 800px;
}
.container .fifteen.columns {
	width: 860px;
}
.container .sixteen.columns {
	width: 920px;
}
.container .one-third.column {
	width: 280px;
}
.container .two-thirds.column {
	width: 600px;
}
/* Offsets */
    .container .offset-by-one {
	padding-left: 40px;
}
.container .offset-by-two {
	padding-left: 100px;
}
.container .offset-by-three {
	padding-left: 160px;
}
.container .offset-by-four {
	padding-left: 220px;
}
.container .offset-by-five {
	padding-left: 280px;
}
.container .offset-by-six {
	padding-left: 340px;
}
.container .offset-by-seven {
	padding-left: 400px;
}
.container .offset-by-eight {
	padding-left: 460px;
}
.container .offset-by-nine {
	padding-left: 520px;
}
.container .offset-by-ten {
	padding-left: 580px;
}
.container .offset-by-eleven {
	padding-left: 640px;
}
.container .offset-by-twelve {
	padding-left: 700px;
}
.container .offset-by-thirteen {
	padding-left: 760px;
}
.container .offset-by-fourteen {
	padding-left: 820px;
}
.container .offset-by-fifteen {
	padding-left: 880px;
}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
 .container {
width: 768px;
}
 .container .column, .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 .column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
 .column.omega, .columns.omega {
margin-right: 0;
margin-left: 10px;
}
 .container .one.column {
width: 28px;
}
 .container .two.columns {
width: 76px;
}
 .container .three.columns {
width: 124px;
}
 .container .four.columns {
width: 172px;
}
 .container .five.columns {
width: 220px;
}
 .container .six.columns {
width: 268px;
}
 .container .seven.columns {
width: 316px;
}
 .container .eight.columns {
width: 364px;
}
 .container .nine.columns {
width: 412px;
}
 .container .ten.columns {
width: 460px;
}
 .container .eleven.columns {
width: 508px;
}
 .container .twelve.columns {
width: 556px;
}
 .container .thirteen.columns {
width: 604px;
}
 .container .fourteen.columns {
width: 652px;
}
 .container .fifteen.columns {
width: 700px;
}
 .container .sixteen.columns {
width: 748px;
}
 .container .one-third.column {
width: 236px;
}
 .container .two-thirds.column {
width: 492px;
}

        /* Offsets */
        .container .offset-by-one {
padding-left: 48px;
}
 .container .offset-by-two {
padding-left: 96px;
}
 .container .offset-by-three {
padding-left: 144px;
}
 .container .offset-by-four {
padding-left: 192px;
}
 .container .offset-by-five {
padding-left: 240px;
}
 .container .offset-by-six {
padding-left: 288px;
}
 .container .offset-by-seven {
padding-left: 336px;
}
 .container .offset-by-eight {
padding-left: 348px;
}
 .container .offset-by-nine {
padding-left: 432px;
}
 .container .offset-by-ten {
padding-left: 480px;
}
 .container .offset-by-eleven {
padding-left: 528px;
}
 .container .offset-by-twelve {
padding-left: 576px;
}
 .container .offset-by-thirteen {
padding-left: 624px;
}
 .container .offset-by-fourteen {
padding-left: 672px;
}
 .container .offset-by-fifteen {
padding-left: 720px;
}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
 .container {
/*width: 300px;*/
}


		/* Nested Column Classes */
		.column.alpha, .columns.alpha {
margin: 0;
}
 .column.omega, .columns.omega {
margin: 0;
}
 .container .one-third.column {
margin: 10px 0;
}
 .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
width: 280px;
}
 .container .one-third.column, .container .two-thirds.column {
width: 280px;
}

        /* Offsets */
        .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
padding-left: 0;
}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
 .container {
/*width: 420px;*/
}
 .column, .columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
 .row {
margin-bottom: 20px;
}

		/* Nested Column Classes */
		.column.alpha, .columns.alpha {
margin: 0;
}
 .column.omega, .columns.omega {
margin: 0;
}
 .container .one-third.column {
margin: 10px 0;
}
 .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
width: 400px;
}
 .container .one-third.column, .container .two-thirds.column {
width: 400px;
}
}
/* #Additional - Large Screens beyond 1280px
================================================== */
    /* Note: Design for a width of 1280px */
    @media only screen and (min-width: 1280px) {
 .container {
width: 1280px;
}
 .container .column, .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 .column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
 .column.omega, .columns.omega {
margin-right: 0;
margin-left: 10px;
}
 .alpha.omega {
margin-left: 0;
margin-right: 0;
}
 .container .one.column, .container .one.columns {
width: 60px;
}
 .container .two.columns {
width: 140px;
}
 .container .three.columns {
width: 220px;
}
 .container .four.columns {
width: 300px;
}
 .container .five.columns {
width: 380px;
}
 .container .six.columns {
width: 460px;
}
 .container .seven.columns {
width: 540px;
}
 .container .eight.columns {
width: 620px;
}
 .container .nine.columns {
width: 700px;
}
 .container .ten.columns {
width: 780px;
}
 .container .eleven.columns {
width: 860px;
}
 .container .twelve.columns {
width: 940px;
}
 .container .thirteen.columns {
width: 1020px;
}
 .container .fourteen.columns {
width: 1100px;
}
 .container .fifteen.columns {
width: 1180px;
}
 .container .sixteen.columns {
width: 1260px;
}
 .container .one-third.column {
width: 406px;
}
 .container .two-thirds.column {
width: 822px;
}
        /* Offsets */
        .container .offset-by-one {
padding-left: 80px;
}
 .container .offset-by-two {
padding-left: 160px;
}
 .container .offset-by-three {
padding-left: 240px;
}
 .container .offset-by-four {
padding-left: 320px;
}
 .container .offset-by-five {
padding-left: 400px;
}
 .container .offset-by-six {
padding-left: 480px;
}
 .container .offset-by-seven {
padding-left: 560px;
}
 .container .offset-by-eight {
padding-left: 640px;
}
 .container .offset-by-nine {
padding-left: 720px;
}
 .container .offset-by-ten {
padding-left: 800px;
}
 .container .offset-by-eleven {
padding-left: 880px;
}
 .container .offset-by-twelve {
padding-left: 960px;
}
 .container .offset-by-thirteen {
padding-left: 1040px;
}
 .container .offset-by-fourteen {
padding-left: 1120px;
}
 .container .offset-by-fifteen {
padding-left: 1200px;
}
}
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {
	clear: both;
}
.row, .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
    
.triangle-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 33px solid #fff;
    position: absolute;
    top: 95%;
    left: 5.4%;
}
.logo img{
	height: 100%;
    width: 100%;
    /*border-bottom-left-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
}
.flexslider{
	/*margin-top:100px*/
}
.owl-prev img {
    position: absolute;
    top:250px;
    height:40px;
}
.owl-next img {
    position: absolute;
    top: 250px;
    height: 40px;
    right: 2px;
}
.bg .five.columns.one_half {
    text-align: left;
    margin-left: 14%;
}
.bg .five.columns.one_half {
    text-align: left;
  /*  position: absolute;
    left: -12%;
    top: 0%;*/
}
.one_half.lastcolumn {
    float: right;
    margin-top: 8%;
}
.sixteen.columns.one_half.container-fluid {
    width: 100%;
    margin-left: 0px;
    margin-top: -15px;
}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth {
   
    margin-bottom: 10px;
    float: left;
}
.one_half.lastcolumn.beer h2 {
    margin-bottom: 30px;
    color: #fff;
    margin-top: -4px;
}
.cbp-so-section h2 {
    font-weight: bolder;
    line-height: 45px;
    margin-bottom: 50px;
    letter-spacing: -0.75px;
    font-family: 'Roboto', sans-serif;
    color: #2e2925;
    
   
}
.home-news2{
    border: 1px solid #7a73714f;
    padding: 10px;
    text-align: center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.cbp-ig-title {
    padding: 10px 0px 0px;
    /* padding: 0px; */
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    color: #2e2925;
    font-weight: 400;
    /* position: relative; */
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
    text-align: center;
    line-height: 1;
    /* margin-left: 16px; */
    letter-spacing: 0em;
    text-shadow: none;
}
.one_half.lastcolumn.beer p {
    color: #fff;
    font-size: 1em;
}
.one_half.lastcolumn.beer {
    width: 500px;
    position: absolute;
    right: 98px;
    margin-top: 8%;
}
.one_half.lastcolumn {
    float: right;
    margin-top: 0%;
}
.danger {
     background-color: #5f594b;
    border-radius: 5px !important;
}
.danger:hover {
    background: #5f594b;
    color: #fff !important;
}
.btn {
    border: none;
    color: white;
    padding: 4px 17px;
    cursor: pointer;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bolder;
}
.bg1 .one_third .home-banner-event p {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 23px;
    text-transform: uppercase;
    position: absolute;
    bottom: 164px;
    left: 8%;
    line-height: 1;
    top: 100px;
}
.bg1 .cbp-so-section .one_third.lastcolumn {
    width: 50%;
    height: 218px;
    background-color: #fff;
    /* margin-left: 100px; */
}
.bg1 .cbp-so-section .one_third {
    margin-bottom: -1px;
    /* margin-left: 150px; */
}
.part {
    background-color: #fff;
    padding: 4px 5px;
    position: fixed;
    /* z-index: 999999; */
    width: 57px;
    right: 0px;
    bottom: 16vw;
    height: 55px;
    top: 65%;
}
#footerblock .footer .part img {
    position: absolute;
    z-index: 999999;
    width: 49px;
}
.lastcolumn {
    margin-right: 0!important;
    clear: right;
}
.bg1 .cbp-so-section .one_third.lastcolumn img {
    margin: 13px;
    /* margin-left: 25px; */
    border-radius: 4px;
    padding: 5px;
    /* display: inline-block; */
}
.bg1 .cbp-so-section .one_third.lastcolumn .csr {
    margin-top: 25px;
    right: 10px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.bg1 .cbp-so-side.cbp-so-side-right h3 {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    color: #2e2925;
    text-shadow: none;
    line-height: 1em;
}
.wines .title p {
    font-family: 'Roboto', sans-serif;
    color: #bc3532;
    font-size: 18px;
    margin-top: 7%;
    margin-bottom: 0px;
}

.five.columns.one_half {
    /*text-align: right;
    margin-top: 1%;
    margin-left: 10%;*/
}
.item img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.copyright p{
    text-align: center
}
#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 73%!important;
    padding-bottom: 3%;
    min-height: 50px;
}
#mc_embed_signup{
    position: absolute;
    left: 0px;
    width: 100%;

}
.sixteen.columns.one_half.row{
    width: 100%
}
.cbp-so-side-left .flexslider {
    margin-top: 0px;
    margin-bottom: -150px;
}
.hometwosep {
    margin-top: 45px;
    width: 100%;
}
.article h2{
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
    color: #ba342c;
    font-family: 'Roboto', sans-serif;
    margin-top:50px;
    letter-spacing:1px;
}

.history h2{
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
    color: #ba342c;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.media{
    position: absolute!important;
    left: 0px;
    width: 100%;
    margin-left:22px;
}
.follow{
    margin-top:70px;
}

.address1 p a {
    text-decoration: none;
    color: #fff;
}
.address1 p  {
    text-decoration: none;
    color: #fff;
}

.newsarticles{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
   
    
}
#footerblock #myBtn {
    display: none;
    position: fixed;
    bottom: 31px;
    right: 12px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #5f594b;
    color: white;
    cursor: pointer;
    padding: 0px 2px;
    border-radius: 5px;
}

.list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left:24px
  }
  
  .list__item {
    display: block;
    width: 24%;
    padding: 5px ;
    height: auto;
    overflow: hidden;
    margin-bottom: 1em;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    color: white;
    box-shadow: 0 0 2px rgba(57, 56, 56, 0.2);
  }
  
  .list__item__title {
    display: block;
    margin-top: 30%;
  }
  .author {
    border-left: 4px solid #000;
    padding: 0 0 0 10px;
    font-size: 14px;
    letter-spacing: .2em;
    font-weight: 400;
    color: #050101;
    margin-left: 0px;
}
.newstitle h3{
    font-family: 'Roboto', sans-serif;
}
.content-btn a{
    color:white
}
.post-info-wrap{
    font-family: 'Roboto', sans-serif;
}
.post-info-wrap h3{
    font-family: 'Roboto', sans-serif;
}
.post-content p{
    padding: 0px
}
.hovereffect {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    margin-bottom:30px
  }
  
  .hovereffect .overlay {
    position: absolute;
    overflow: hidden;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
  }
  
  .hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  
  .hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
  }
  
  .hovereffect:hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(0.6);
    -webkit-filter: brightness(0.6);
  }
  
  .hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    color: #FFF;
    padding: 4em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    font-family: 'Roboto', sans-serif;;
    
  }
  
  .hovereffect a, .hovereffect p {
    color: #FFF;
    padding: 1em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  
  .hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  .button.subs{
    position: absolute!important;
    top: 10px!important;
    right: 59px!important;
    height:41px!important
  }
  .bg1.title{
      position:relative
  }
  .listing{padding: 10px;
   padding: 10px;
    background-color: #b4aea0;
    color: white;
    margin-bottom: 10px;
  }
  .listing a{
      color:#fff;
  }
  .mobile-menu {
    /*display: block;
    width: 100%;
    line-height: 1.6em;
    font-weight: 400;
    width: 100%;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    top: 35px;
    left: 13%;*/
  }
  /*Strip the ul of padding and list styling*/
  .mobile-menu ul {
    /*list-style-type:none;
    padding-left: 112px;*/
    /*margin: 0 auto;
    text-align:center;
    width:100%;
    position: absolute;*/
   
  }
  
  /*Create a horizontal list with spacing*/
  .mobile-menu li {
      display:inline-block;
      /*float: left;
      margin-right: 1px;*/
  }
  
  /*Style for menu links*/
  .mobile-menu li a {
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #222222;
    /*text-transform: uppercase;
    text-decoration: none;
    margin-left: 12px;*/
    padding-left: 29px;
    font-size: 17px;
    /*-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-weight: 900;*/
  }
  
  /*Hover state for top level links*/
  .mobile-menu li:hover a {
    color: #333;
    text-decoration: none;
  }
  
  /*Style for dropdown links*/
  .mobile-menu li:hover ul a {
      background: #f3f3f3;
      color: #2f3036;
      height: 40px;
      line-height: 40px;
  }
  
  /*Hover state for dropdown links*/
  .mobile-menu li:hover .mobile-menu ul a:hover {
      color: #4db3ff;
  }
  
  /*Hide dropdown links until they are needed*/
  .mobile-menu li ul {
      /*display: none;*/
  }
  
  /*Make dropdown links vertical*/
  .mobile-menu li ul li {
      display: block;
      float: none;
  }
  
  /*Prevent text wrapping*/
  .mobile-menu li ul li a {
      width: auto;
      min-width: 100px;
      padding: 0 20px;
  }
  
  
  /*Style 'show menu' label button and hide it by default*/
  .mobile-menu .show-menu {
      text-decoration: none;
      color: #fff;
     
      text-align: center;
      padding: 10px 15px;
      display: none;
    cursor: pointer;
    text-transform: uppercase;
  }
  
  .mobile-menu .show-menu span{
     padding-left: 35px;
  }
  
  /*Hide checkbox*/
  .mobile-menu input[type=checkbox]{
      display: none;
  }
  
  /*Show menu when invisible checkbox is checked*/
  .mobile-menu input[type=checkbox]:checked ~ #menu{
      display: block;
  }
  
    .mobile-menu ul li:hover > ul.submenu {
    opacity: 1;
    visibility: visible;
    z-index: 9;
    top: 100%;
    padding: 10px 25px;
    background: #fff;
}
.mobile-menu ul li ul.submenu {
    background: #fff;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
    opacity: 0;
    padding: 0px;
    position: absolute;
    text-align: left;
    top: 90%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    /* display: inline-flex; */
    max-width: 450px;
    /* z-index: -9; */
}
.mobile-menu ul li ul.submenu li {
    display: inline;
}

.mobile-menu ul li ul.submenu li a {
    background: none;
    border-bottom: 1px solid #333;
    text-align: left;
    padding: 0;
    margin: 0;
}
  
  /*Responsive Styles*/
  .newtitle h3{
      color: #2e0908;
      font-size: 24px;
  }
  .meta{
    margin-top: -77px;
  }
  
  
  .cbp-so-side h1{
    letter-spacing: 0px;
    font-family: 'Roboto', sans-serif;
    color: #2e2925;
    padding: 0px;
    font-size: 31px;
    margin-bottom: 14px; 
}
  .article h1{
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 25px;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    text-align: center;
  }
  .newstitle h1{
    font-size: 20px;
    /*font-weight: bold;*/
    /*margin-bottom: 25px;*/
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    /*color: #b9342c; */
    text-transform: capitalize;
    padding-top: 10px;
  }
   .newstitle h1 a{
       text-decoration:none;
   }
  /***extra-css**/
  .project{
    font-weight: 500;
    font-size: 19px;
  }