body {
     background: url(../images/OrdinaryBG.jpg) fixed;
    display:block;
z-index:0;
}


h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 34px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #E5DB74;
}
h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #EBD811;
}
h3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #670001;
}
p {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
 img {
 border-color: #EBD811;
}
#basestrap {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
#NCMFooter {
    font-family: Georgia, Times New Roman, Times, serif;
	font-size: 44px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #660000;
}
#NCMFooterAddress {
    font-family: Georgia, Times New Roman, Times, serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
#baselinks {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
#Side1 {
    font-family: Georgia, Times New Roman, Times, serif;
	font-size: 32px;
	font-style: normal;
	line-height:34px;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFDC8;
    text-shadow: -3px 2px #000000;
}
#Side2 {
    font-family: Georgia, Times New Roman, Times, serif;
	font-size: 32px;
	font-style: normal;
	line-height:34px;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFDC8;
    text-shadow: -3px 2px #000000;
}
ul
{
      font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}


   

 /* Dropdown Button */
.dropbtn {
    background-color: #670001;
    color: white;
    padding-left: 5px;
     padding-right: 5px;
      padding-top: 10px;
       padding-bottom: 10px;
    font-size: 14px;
    border: none;
    font-weight:bold;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #670001;
    min-width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #C2BF58;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #C2BF58;}
#DesktopHome {
     background-color: #670001;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    border: none;
    font-weight:bold;
    text-decoration: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    float:left;
}
#DesktopHome:hover {
     background-color: #C2BF58;
}

#MobFeatureHead {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
    text-align: center;
	font-weight: bold;
	color: #FFFFFF;
    display:block;
    width:inherit;
    height:23px;
    background-color: #660000;
    /*border-top:50px;
    border-bottom:5px;*/
    border-color:yellow;
    padding-bottom:3px;
    padding-top:3px;
    -moz-box-shadow: inset 4px 4px 4px rgba(255, 255, 255, .4), inset -4px -4px 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 4px 4px 4px rgba(255, 255, 255, .4), inset -4px -4px 4px rgba(0, 0, 0, .4);
    box-shadow: inset 4px 4px 4px rgba(255, 255, 255, .4), inset -4px -4px 4px rgba(0, 0, 0, .4);
}

#ServiceRedLine {
    display:block;
    width:100%;
    height:2px;
    background-color: #660000;
     white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */ 
     float:left;
}
  #ServiceRedLine2 {
    display:block;
    width:100%;
    height:2px;
    background-color: #660000;
     white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */ 
     float:left;
}

  #ReadMore {
    display:block;
    width:80%;
    height:23px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
    font-weight: bold;
	color: #000000;
     text-decoration:none;
     background-color: #E1A400;
    padding-top: 3px;
    padding-left: 5%;
    vertical-align:top;
    white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */ 
    float:left;
}

  #ServiceArrow {
    display:block;
    width:15%;
    height:23px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
    font-weight: bold;
	color: #000000;
     text-decoration:none;
background: url(../images/CMServiceArrow2.jpg) no-repeat;
     background-color: #E1A400;
    padding-top: 3px;
    vertical-align:top;
    white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */ 
    float:right;
}
  .container {
    max-width: 1100px;
    margin: 0 auto;
    overflow: auto;
    padding: 0 40px;
    align-items: flex-start;
}
  .container2 {
    max-width: 1100px;
    margin: 0 auto;
    overflow: auto;
    padding: 0 40px;
    align-items: flex-start;
    background:repeating-linear-gradient(#FFFDC8, #FFFFFF)
}
  .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.gride {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

    .gridf {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
        padding-top: 20px;
        padding-bottom: 60px;
    }