#testDiv , .navbar-nav{
 /*background-color: #6c757d;*/
}

/*the header with name and number of business */


div#header {
    /* background-image: url(https://www.w3schools.com/css/paper.gif); */
    /*background-image: url(http://localhost:8080/monikasWebsite/images/Family-Lake-Day.jpg);*/
    /*background-image: url(../images/Family-Lake-Day.jpg);*/
    background-image: url(../images/black-calculator-near-ballpoint-pen-on-white-printed-paper-53621.jpg);

    background-size: 1000px 781px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -261px;
}

#header{
background-image: url(https://www.w3schools.com/css/paper.gif);
/*background-image: linear-gradient(to right,rgb(36, 17, 7), transparent, rgb(36, 17, 7));*/
padding: 0px;

}

div#logoHeader{

 height: 108px;
    width: 330px;
    background-position-x: center;


}


#logoHeader{
 background-image: url(../images/RusticMountainLogo2Croped.png);
 /*background-image: url(../images/BoldTechnologyCompanyLogo.png);*/
background-repeat: no-repeat;
    /*background-position-x: center;*/
 background-size: 1000px 390px;
 background-position-x: right;





background-image: url(../images/PriorityBookkeepingLogoCroped.png);
    /* background-image: url(../images/BoldTechnologyCompanyLogo.png); */
    background-repeat: no-repeat;
    /* background-position-x: center; */
    background-size: 180px 123px;
    height: 131px;
    /* height: 34%; */
    /* width: 263px; */
    /* top: -8px; */
    background-position-x: right;






}
#headerContainer{
background-image: linear-gradient(to right,rgb(136, 117, 107), transparent, rgb(136, 117, 107));
height: 250px;
max-width: inherit;
margin-bottom: 0px;
}
#headerNameandPhone{
/*top: 50px;*/
    position: relative;
    background-image: linear-gradient(to top, transparent, rgb(136, 117, 107));
    
    height: 158px;
    
    padding-top: 50px;







}


body{


	background-image: url(https://www.w3schools.com/css/paper.gif);
	/*background-image: linear-gradient(to right,rgb(36, 17, 7), transparent, rgb(36, 17, 7));*/
}

.h , h2{

	text-align: center
}


#companyName{
color: rgb(3, 252, 3);

}


#companyPhone{
/*color: rgb(36, 17, 7);*/
/*color: rgb(3, 252, 3);*/
color: rgb(0, 128, 0);


}

#companyNameDiv{
/*background-image: linear-gradient(to right, rgb(36, 17, 7) , white);*/
text-align: right;
}


#companyPhoneDiv{
/*background-image: linear-gradient(to right, white , rgb(36, 17, 7) );*/
text-align: left;
/*padding-left: 140px;*/
font-family: none;

}

#carouselHeader{
background-image: linear-gradient(to right, transparent, rgb(136, 117, 107),transparent);
    /*background-image: linear-gradient(to top, #322118 10%, transparent 100%);*/
     background-image: linear-gradient(to top, rgb(136, 117, 107) 10%, transparent 100%);
    /*background-image: linear-gradient(to top, transparent, rgb(136, 117, 107));*/
    /* max-width: 100%; */
    padding-block-end: 60px;
    /* padding-block-start: 0px; */
    /* padding-inline-end: 151px; */
    /* margin-left: 200px; */
    /* margin-right: 200px; */
    /* padding-top: 0px; */
    /* top: 10px;*/
    top: -3px;
}

#myCarousel{

	/*color: peachpuff;*/
	/*color: rgb(203, 239, 9);*/
}

#topCarouselIndicators{



	top: 75px;
}



#carousel-inner1{


	top: 20px;

top: -53px;
    font-size: 6rem;
    color: white;


}

/*content list */

.list-groupM{

	/*list-style: url(../images/icons8-money-bag-64.png);*/
	/*list-style-image: url(../images/icons8-money-bag-64.png);*/
	flex-direction: column;
    display: flex;
    list-style-type: disc;
}



#topNavBar{

min-width: 65%;
    /*padding-left: 10%;
    padding-right: 10%;*/

}

.logoNav{
display: inline-block;
color: #03fc03;

}

.topNavBarPad{

margin-left: auto;
    margin-right: auto;


}


nav#contentBodyContainer{

top: -73px;
    height: 110px;
    /*background-color: #ffffff!important;*/



}


#collapsibleNavbar{


	padding-left: 30px;
    padding-right: 0px;
}


#navRowContent{

width: 100%;

}



ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
  /*background-color: #333;*/
}

li {
  float: left;
}

li a, .dropbtn {
  
   display: inline-block;
  color: white;
  text-align: center;
  /*padding: 14px 16px;*/
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {

  
}


ul.dropdown-content {
  display: none;
  position: absolute;
  background-color: #6c757d;
   /*background-color: red;*/
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}



.dropdown-content li a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;

}


 li a #dropdownNavItem1{

	background-color:  #28a745;
	background-color: red;

}

.dropdown-content a:hover {

	background-color:  #28a745;
	/*background-color: red;*/
	background-color: #343a40;

}

.dropdown:hover .dropdown-content {
  /*display: contents;*/
  box-shadow: none;
  float:none;
}



#contentBodyContainer2{


	position: relative;
	top: 30px;
}

#leftBodyContent{

height: 350px;
top: 350px;
position: sticky;

}

.contentBodyLeftCerts:hover{


	background-color: unset;
}


#messageContact{

display: none;
color: green;


}


#certAboutList{


	flex-wrap: nowrap;
}

#footerDiv{

	top:200px;
	position: relative;
	height: 150PX;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.footerAD{
font-size: x-large;
}

.footerAD b{
color: green;

}

#footer0text{

	/*top: 86px;*/
	height: 132px;
}


#footer1text{

	top: 63px;
	height: 50px;
}

#footer2text{

	top: 63px;
	height: 50px;
}

/*this is for line  breaks with lines*/



hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}



hr.style-seven {
    overflow: visible;
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    border: 0px;
    height: 2px;
}


hr.style-eight {
    overflow: visible;
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    border: 0px;
    height: 2px;
}

hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}




@media screen and (max-width: 569px) {

   #header{

    display: none;
  }







/*nav dropdown*/
	li:hover ul.dropdown-content.test3 {
    display: contents;
}

li.dropdown:hover {
    height: 140px;
    box-shadow: none;
}

.dropdown:hover .dropdown-content {
  display: contents;
  /*box-shadow: none;*/
  /*float:none;*/
}

#dropdownNavItem1{

	background-color: #6c757d;
}


a#dropdownNavItem1 {
   
    background-color: #6C757D;
}

a#dropdownNavItem1:hover {
   
    background-color: #19ea49;
}


.testfloatalign{

float:none;
display: block;


}
.dropdown-content li a{

	text-align: center;
}

/*body content and footer below*/


#leftBodyContent{

	position: relative;
	top: 0px;
}


#rightBodyContent{


	top: 526px
}


#footerDiv{


	top: 600px
}





}

@media screen and (min-width: 250px) and (max-width: 350px) {

div#contentBodyContainer2{

width: 100%;

}


li , .dropbtn {
  
   display: contents;
  
}


li a, .dropbtn {
  
   display: block;
  
}

#testDiv , .navbar-nav{
 background-color: #6c757d;
}

}






@media screen and (min-width: 250px) and (max-width: 432px) {


  #header{

    display: none;
  }

html{

  width: 431px;
}




h2#companyPhone{
  font-family: none;
  font-size: inherit;
}

div#collapsibleNavbar{


  /*padding-left: 30px;*/
    padding-right: 0px;
    max-width: 450px;
}



  div#logoHeader{

/*position: relative;*/
    width: 130px;
    left: 130px;
    top: -52px;
    /*display: contents;*/
     background-size: 130px 87px;

}


div#companyPhoneDiv{

  top: 40px;
  left: 5px;
  width: 120px;
}



#navRowContent{

width: 100%;

}

#testDiv , .navbar-nav{
 background-color: #6c757d;
}

/*div#logoPhoneNavBlockcontanier{

  top: -40px;
}*/

div#navTemplateDynSize{

  display: block;
}

nav#contentBodyContainer{

  display: block;
  width: 430px;
}

#contentBodyContainer2 .row{

  flex-flow: column-reverse;
}


li , .dropbtn {
  
   display: contents;
  
}

li a, .dropbtn {
  
   display: block;
  
}

#rightBodyContent{


  top: 0px;
}




#footerDiv{
  width: 430px;

  top: 200px;


}


}


@media screen and (min-width: 433px) and (max-width: 570px) {


 #header{

    display: none;
  }


/*nav*/

#testDiv , .navbar-nav{
 background-color: #6c757d;
}

nav#contentBodyContainer{


  padding-right: 0px;
}


li , .dropbtn {
  
   display: contents;
  
}

li a, .dropbtn {
  
   display: block;
  
}


 div#logoPhoneNavBlockcontanier{

    height: 64px;
    top: -6px;


  }


/*div#logoPhoneNavBlock{

  height: 98px;
  top: 0px;*/
  /*display: none;*/

/*}*/

 /* div#logoHeader{

 height: 73px;
    width: 16px;*/
    /*background-position-x: center;*/
    /*top: -16px;*/
    
/*
}*/




/*#companyPhoneDiv {
    
    padding-left: 0px;
    padding: 0px;
    top: 0px;*/
/*left: 60px;*/

/*}*/

h2#companyPhone{
  font-family: none;
  font-size: inherit;
}

div#collapsibleNavbar{


  /*padding-left: 30px;*/
    padding-right: 0px;
    max-width: 450px;
}









/*above put in to this smaller screen size from larger*/

div#logoHeader{

/*position: relative;*/
    width: 130px;
    left: 180px;
    top: -52px;
    /*display: contents;*/
     background-size: 130px 87px;

}


div#companyPhoneDiv{

  top: 40px;
  left: 15px;
  width: 200px;
}



#navRowContent{

width: 80%;

}


/*div#logoPhoneNavBlockcontanier{

  top: -40px;
}*/

div#navTemplateDynSize{

  display: block;
}

nav#contentBodyContainer{

  display: block;
}

/*main content */ 

#contentBodyContainer2 .row{

  flex-flow: column-reverse;
}

#rightBodyContent{


  top: 0px
}


#footerDiv{


  top: 100px
}


}








@media screen and (min-width: 571px) and (max-width: 719px) {



  #header{

    display: none;
  }


 body{


  /*background-image: url(https://www.w3schools.com/css/paper.gif);*/
  background-image: linear-gradient(to right,rgb(136, 117, 107), transparent, rgb(136, 117, 107));
}

/*nav*/

nav#contentBodyContainer{


  padding-right: 0px;
}

 div#logoPhoneNavBlockcontanier{

    height: 64px;
    top: -6px;


  }


div#logoPhoneNavBlock{

  height: 98px;
  top: 0px;
  /*display: none;*/

}

  div#logoHeader{

 height: 73px;
    width: 16px;
    /*background-position-x: center;*/
    /*top: -16px;*/
     background-size: 130px 87px;

}




#companyPhoneDiv {
    
    padding-left: 0px;
    padding: 0px;
    top: 0px;
/*left: 60px;*/

}

h2#companyPhone{
  font-family: none;
  font-size: inherit;
}

div#collapsibleNavbar{


  /*padding-left: 30px;*/
    padding-right: 0px;
    max-width: 450px;
}





}



/*this is were it was*/



@media screen and (min-width: 570px) and (max-width: 635px) {


  div#logoPhoneNavBlock{

   
display: none;

  }

}










@media screen and (min-width: 720px) and (max-width: 940px) {




  body{


  /*background-image: url(https://www.w3schools.com/css/paper.gif);*/
  background-image: linear-gradient(to right,rgb(136, 117, 107), transparent, rgb(136, 117, 107));
}

  div#logoPhoneNavBlockcontanier{

    height: 64px;
    top: -6px;


  }


div#logoPhoneNavBlock{

  height: 98px;
  top: 0px;

}

  div#logoHeader{

 height: 73px;
    width: 16px;
    background-position-x: center;
    /*top: -16px;*/
     background-size: 130px 87px;

}




#companyPhoneDiv {
    
    padding-left: 0px;
    padding: 0px;
    top: 0px;
    /*left: 60px;*/


}

h2#companyPhone{
  font-family: none;
  font-size: inherit;
}


li:hover ul.dropdown-content.test3 {
    display: block;
}




}
/*end of media */

li:hover  ul.test3{

display: block;

}








@media screen and (min-width: 941px) /*and (max-width: 1316px)*/ {


#companyPhoneDiv {
    
    padding-left: 0px;
    padding: 0px;
    /*left: 60px;*/


}


body{


  /*background-image: url(https://www.w3schools.com/css/paper.gif);*/
  background-image: linear-gradient(to right,rgb(136, 117, 107), transparent, rgb(136, 117, 107));
}







/*.fade  {
            
            -webkit-transition: opacity 1s linear;
            -moz-transition: opacity 1s linear;
            -ms-transition: opacity 1s linear;
            -o-transition: opacity 1s linear;
            transition: opacity 1s linear;

            opacity: 1;

        }

.fade:not(.show){

	opacity: 0;

}*/

}