* {
  box-sizing: border-box;
}


body {
   font-family: Roboto, Arial, Helvetica, PT Sans, Sans Serif;
   font-size:18px;
}

ul {
   list-style-type:square;
}

  ul.custom-marker-color li::marker {
    color: red; /* Only the bullet will be blue */
    font-size: 1.3em; /* You can also change the size */
  }

.frontpagelist {
   margin-left: 1vw;
   margin-right: 1vw;
   margin-top:1vh;
   margin-bottom:1vh;
   padding:.5rem;
   background-color:#E6EFEA;
   font-family:"Playfair Display", Arial;
   font-weight:600;
   font-style:italic;
   border:2px solid black;
   border-radius:30px;
   color: #2F2F2F;
}

.topbanner {
   width:100%;
   display:block;
}

.frontpagebox {
   width:100%;
   display:block;
   border: none;
}

.navbar {
   width:100%;
   margin-left:auto;
   margin-right:auto;
}

/* ULs that are not indented */
.no_indent_ul {
   padding:0;
   margin:0;
}

#bluebg {
   /* font-family:Arial, Helvetica, PT Sans, Sans Serif; */
   font-weight:bold;
   background-image: url('../images/bluebg.jpg');
   background-repeat:repeat;
   color:white;
   text-align:center;
   line-height:20px;
}

.topnav {
   margin-top:30px;
}

.caption {
   font-family:Caladea, Arial;
   font-size:1.3rem;
   font-style:italic;
   text-align:center;
   margin-top:0;
}
a:link.topnav { color: white;
                font-size:14px;
                text-decoration:none; }

a:visited.topnav { color: white;
                   font-size:14px;
                   text-decoration:none; }

a:hover.topnav { color: yellow;
                 font-size:14px;
                 text-decoration:none; }

h1.title {
   font-family: Caladea, Arial Black;
 /*  margin-top:-10rem; */
   text-align:center;
   font-weight:900;
   -webkit-text-stroke-width: 1px; /* Set the width of the outline */
  -webkit-text-stroke-color: black; /* Set the color of the outline */
  color: #e60000; /* Set the fill color of the text */
   font-size:2.2rem;
}   

h2 {
   background-color:#e60000;
   font-family:"arial black";
   font-size:1.2rem;
   border-radius:30px;
   color:white;
   text-align:center;
   padding:.5em;

   /*
   font-family:"Playfair Display", Arial;
   font-weight:600;
   font-style:italic;
   text-align:center;
   font-size:1.5rem; 
   color: red;
   background-color:black;
   */
}

h3 {
 /*  color:red; */
   font-size:1rem;
   font-weight:bold;
   font-style:italic;
   text-align:center;
}

.advcol {
   width:100%;
}

.ratescol {
   width:100%;
}

.ratescol + .ratescol {
   margin-left:0px;
}
.advcol + .advcol {
   margin-left:0px;
}
.video-container {
  width: 100%;
  aspect-ratio: 16 / 9; /* For a standard 16:9 YouTube video */
}

.video-container iframe {
  width: 100%;
  height: 100%;
}
/*
.float-left-image {
    float: left;
    margin: 0 2rem 1rem 0; /* Top, Right, Bottom, Left margins */
}
*/
.float-right-image {
    float: right;
    margin: 0 0 1rem 2rem; /* Top, Right, Bottom, Left margins */
}

.container {
    display: flex;
    flex-direction: column; /* Items stack vertically by default */
    margin-left:0;
    margin-right:0;
   /* padding: 10px; */
}

.rates_container {
    display: flex;
    flex-direction: column; /* Items stack vertically by default */
    margin-left:0;
    margin-right:0;
   /* padding: 10px; */
}

.adv_container {
    display: flex;
    flex-direction: column; /* Items stack vertically by default */
    margin-left:0;
    margin-right:0;
   /* padding: 10px; */
}

.home_container {
    display: flex;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    flex-direction: column; /* Items stack vertically by default */
}

.item {
    margin: 5px;
    padding: 10px;
    text-align: center;
  }

.item1 {
    margin: 5px;
    padding: 10px;
    text-align: left;
    width:100%;
  }

  .home_item {
    text-align: left;
    font-size:1.5em;
    width: 100%;
  }

  .item + .item {
     margin-left:0;
  }

  .item1 + .item1 {
     margin-left:0;
  }

 
  

   /* Media query for screens wider than 600px */
  @media (min-width: 750px) {
    .container {
      flex-direction: row; /* Items display horizontally on larger screens */
      justify-content: center;
   }
     .home_container {
       flex-direction: row; /* Items display horizontally on larger screens */
        width:90%;
   }
   .item1 {
      width:30%;
   }
   .item1 + .item1 {
      margin-left:2em;
      width:30%;
   }
   .item + .item {
      margin-left:2em;
      width:40%;
   }
   .home_item + .home_item {
       width:45%;
       margin-left:1em;
       font-size:22px;
   }
   .topbanner{
      width:90%;
      margin-left:auto;
      margin-right:auto;
   }

   .frontpagebox {
      width:90%;
      margin-left:auto;
      margin-right:auto;
   }
 

   .frontpagelist {
      margin-left: 1vw;
      margin-right: 1vw;
   }

   h3 {
      font-size:1.2rem;
   }

 

   .video-container {
     width: 75%;
     margin-left:auto;
     margin-right:auto;
     aspect-ratio: 16 / 9; /* For a standard 16:9 YouTube video */
   }   
/*
   .advcol {
      width:50%;
      align-self:flex-start;
   }
*/
   .advcol + .advcol {
      margin-left:30px;
   }

  }

  /* This one is for the computer screen */
  @media (min-width: 900px) {
   .navbar {
     font-size:18px;
   }
   .adv_container {
      flex-direction: row;
   }

  .fpdescription {
      font-size:24px;
  }

   .rates_container {
      flex-direction: row;
   }

   .ratescol + .ratescol {
      margin-left:30px;
   }
   .advcol {
      width:100%;
   }

   .advcol + .advcol {
      margin-left:30px;

   #bluebg {
      line-height:36px;
   }
  a:link.topnav { font-size:18px;
      margin-left:12px;
      margin-right:12px; }
     
   h2 {
     font-size:1.3rem;
   }
   h3 {
      font-size:1.2rem;
   }
   
}





 }