body {
 /* font-family: Arial, Helvetica, sans-serif; */
 color: #333;
 line-height: 1.4em;
 background-image: url(\images\\Green_Leaves_23_lighter_stillwFlowerL.jpg);
 background-size: auto;
font-family: Roman;

}
ul {
  list-style-type: none;
 
}
.container{
visibility: hidden;
}
main {
 width: 75%;
 margin: auto;
 display: flex;
 flex-direction: row-reverse; 
 border-color: black;
 /* border-style: dotted; */
 padding: 20px;
 overflow: hidden;
}

aside {
 width: 850px;
}

.appContentPage {
 width: 1225px;
}

article {
 border-color: black;
 border-style: dotted; 
 padding: 20px;
}


/* h3{
  top: 25px;
} */

.hideSubmenu {
 display: none;
}

.showSubmenu {
 display: block;
}

.hideParagraph {
 visibility: hidden;
}

.showParagraph {
 visibility: visible;
}
.mainMenu{
  text-align: center;
}
#closeModalBtn_intro1,
#closeModalBtn_intro{

    border: none;
    height:35px;
    width: 100px;
    cursor: pointer;
    background-color: #e4e5da;
    font-size: 16px;
    background:#ffc000;
    border-radius: 10px;
}
#closeModalBtn_intro1:hover,
#closeModalBtn_intro:hover {
  cursor: pointer;
  background: #8f9366;
  box-shadow: 0 0 5px #8f9366,
    0 0 10px #8f9366,
    0 0 60px #8f9366,
    0 0 150px #8f9366;
  left: 250px;
}

#businessName {
  font-family: DS-Digital;
  font-size: 25px;
  font-weight: 600;
}
#footer {
  font-size: 15px;
  /* text-align: center; */
}

#footer_a {
  font-style: italic;
}

#footer_aa {
  font-size: 10px;
}

#footer_b {
  font-style: italic;
}

#footer_bb {
  font-size: 10px;
}
#footerB {
  /*background-color: #04AA6D;
    Green 
  border: none;
  color: Blue;
  padding: 5px 22px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;*/
  font-size: 15px;
  text-align: center;
}
#img{
  text-align: center;
}
.titleFC {
  font-family: edwardian;
  padding:30px;
  font-size: 85px;
  /* font-size: 6.9em; */
  text-shadow: 1px 2px 1px rgb(111, 109, 109),
      2px 2px 1px rgb(191, 187, 187);
  font-style: italic;
}

.container{
  width: 100%;
  display: grid;
 
     /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     grid-template-columns: 450px 555px 400px ;
      grid-gap: 20px;*/
    justify-items: right;
    /* border: 1px solid black; */

width: 87.5%;
}

@media only screen and (max-width: 1120px) { 
     ul {
      font-size: 11px;          
     }
                        }
@media only screen and (max-width: 1000px) {
  .titleFC {
    font-size: 40px;
  }

}
@media only screen and (max-width: 900px) {
   ul {
     font-size: 10px;
   }
     .footerB{
      font-size: 12px;
     }
 }
@media only screen and (max-width: 800px){
  /* For tablets: */
main {
      width: 80%;
      padding: 0;
     }
ul {
   font-size: 9px;  
   }
#footerB {       
    font-size: 12px;
    text-align: center;
  }

}
/* 
@media only screen and (max-width: 799px) {
  #closeModalBtn_intro {
      background: red;
    }
} */



@media only screen and (max-width: 630px) {
 ul {
     font-size: 7.5px;
   }
 nav{
    visibility:hidden;
   }
 .leftSide{
   visibility: hidden;
  }
  .cMB{
    padding-left: 40px;
  }
 /* #closeModalBtn_intro{
   visibility: visible;
   width:70px;
   font-size: 14px;
   background: green;
   color: white;
  } */
    .cMB1 {
      padding-left: 100px;
    }
    
  #closeModalBtn_intro1{
     visibility: visible;
     width:70px;
     font-size: 14px;
     background: green;
     color: white;     
    }
.container {
  visibility: visible;  
}
.container nav2 ul{
  font-size: 14px;
  padding-right: 25px;
}
 }
@media only screen and (max-width:500px) {
.cMB1 {
        padding-left: 130px;
      }
  /* For mobile phones: */
main
 {
    width: 100%;
    min-width: none;
 }

}

/* .call-outs-container {
  max-width: 1400px;
  margin: 40px auto 0 auto;
}

.call-out {
  box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 20px;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
} */