body {
    font-family: 'Raleway', sans-serif; 
    color: #9e9e9e;
    background-color: #fff;
}

a:link {color: orange; text-decoration: none;}
a:visited {color: orange; text-decoration: none;}
a:active {color: orange; text-decoration: none;}
a:hover {color: orange; text-decoration: none;}

p {font-size: 20px;}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Biryani', sans-serif;
    font-family: 'Anton', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    color: #9e9e9e;
}

h1,h2,h3 {padding: 15px 0px;}

h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}

.inner {padding-top: 30px;}

.changa {font-family: 'Changa', sans-serif; color: #000;}

.homelinks {
    font-family: 'Biryani', sans-serif;
    font-size: 20px;
    color: red;
}

.homelinks a:link {color: #616161; text-decoration: none}
.homelinks a:active {color: #616161; text-decoration: none}
.homelinks a:visited {color: #616161; text-decoration: none}
.homelinks a:hover {color: #616161; text-decoration: none}

.logo {
    text-align: center;
    /*border-top: 2px dotted purple;
    border-bottom: 2px dotted purple;*/
}



.lispace li {
    padding-bottom: 15px !important; 
}


.navWide {
    background-color: #3eb143;
    /*border-bottom: 2px dotted #ccc;
    font-weight: bold;*/
}


.nav-item { /*this purs space between the man nav menu items it does not affect drop downs*/
    padding-right: 20px;
}


.dropdown-menu {
    background-color: #3eb143;
}


.top {
    text-align: center; 
    padding: 40px; 
    background-color: #fff;
}


/* --- header --------------------------------------------------- */

.header {
    background-image: url(images/hdr_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 1200px 200px;
    background-color: transparent;
    padding-top: 20px;
}

.headerTag_1 {
    /*font-family: font-family: 'PT Serif', serif;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    line-height: normal;
    padding-top: 30px;*/
    text-align: center;
}



/* --- page content styles --- */
.linksun a:link,.linksun a:visited,.linksun a:active,.linksun a:hover {
    text-decoration: underline;
    color: orange;
}

.lispace ul li {padding-bottom: 15px;}

.top {
    text-align: center;
}

/* --- product grid styles ---*/
.categoryName {
    padding: 45px 0px 30px 0px;
}

.gridBottom {margin-bottom: 20px;}

.gridmain1 {
    background-color: #3eb143;
    height: 100%;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.gridmain1 img {
    max-width: 100%;
    padding: 5px;
}

.gridmain1 a:link {color: #fff;}
.gridmain1 a:visited {color: #fff;}
.gridmain1 a:active; {color: #fff;}
.gridmain1 a:hover {color: #fff;}

.gridTextPad {padding: 0px 5px 5px 5px}
.new {background-color: red; color: #fff;}



/* video responsive info here https://www.ostraining.com/blog/coding/responsive-videos/ */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* --- modules --- */



/*-- footer styles --- */




/* ---UNUSED--- */
/*--- jumbotron responsive text -------------------------------- */
.resType_1 h1 {
  font-size: 40px;
}

@media (min-width:576px) {
 .resType_1 h1 {
    font-size: 85px;
  }
}
@media (min-width:768px) {
.resType_1  h1 {
    font-size: 120px;
  }
}
@media (min-width:992px) {
.resType_1 h1 {
    font-size: 170px;
  }
}




.resType_1 p {
  font-size: 24px;
}

@media (min-width:576px) {
 .resType_1 p {
    font-size: 20px;
  }
}
@media (min-width:768px) {
.resType_1  p {
    font-size: 22px;
  }
}
@media (min-width:992px) {
.resType_1 p {
    font-size: 22px;
  }
}



/* jumbotron background image responsive - included here but is already working or not necc */
.apsect-ratio-16x9 {
padding-bottom: 56.25%;
}
.apsect-ratio-6x4 {
padding-bottom: 66.6666667%;
}
.apsect-ratio-5x3 {
padding-bottom: 60%;
}
.apsect-ratio-4x3 {
padding-bottom: 75%;
}
.apsect-ratio-5x2 {
padding-bottom: 40%;
}
.apsect-ratio-3x2 {
padding-bottom: 66.6666667%;
}
.apsect-ratio-3x1 {
padding-bottom: 33.3333333%;
}
.apsect-ratio-2x1 {
padding-bottom: 50%;
}