/* Start css reset.  Credit to http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
  }
  /* remember to define focus styles! */
  :focus {
    outline: 0;
  }
  body {
    line-height: 1;
    color: black;
    background: white;
  }
  ol, ul {
    list-style: none;
  }
  /* tables still need 'cellspacing="0"' in the markup */
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  caption, th, td {
    text-align: left;
    font-weight: normal;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
  }
  blockquote, q {
    quotes: "" "";
  }
  /* ============== End css reset ============== */  

  /* Start css elements ============================================================= */

  /* fill viewport*/
  html, body { 
    height: 100%; 
    width: 100%; 
    }              
  
    body {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
    }
    
    div {
    }
    
    em {
      font-style:normal;
      font-weight:bold;
    }
    
    h1 {
      font-weight: 900;
      font-size: 1.2em;
      text-align:center; 
    }
    
    hr {
      display: block;
      position: relative;
      padding: 0;
      margin: 8px auto;
      height: 0;
      width: 100%;
      max-height: 0;
      font-size: 1px;
      line-height: 0;
      clear: both;
      border: none;
      border-top: 3px solid #000000;
    }    
    
    img {
      margin: auto;
    } 

    ul.disk {
      list-style-type: disk;
    }

    ol.decimal {
      list-style-type: decimal;
    }
    
    .decimal {
      margin-left: 30px;
      margin-right: 10px;
    }  
    
    li  {
      width: 100%;
    }
    
    li.arrow {

    }

    li.arrow a {
        background-image: url(https://findpropertylines.com/test/chevron_right_transparent_bkgd_ht_25.png);
        background-size: 22px;
        background-position: right center;
        background-position-x: 98%;
        background-position-y: 50%;
        background-repeat: no-repeat;
        background-repeat-x: no-repeat;
        background-repeat-y: no-repeat;
    }
    
    nav ul {
        list-style: none;
        margin: 10px;
    }

    nav ul li a {
        background-color: #ccffcc;
        border: 1px solid #999;
        color: #222;
        display: block;
        font-weight: 700;
        margin-bottom: -1px;
        padding: 12px 10px;
        text-decoration: none;
    }

    nav ul.num1 li:first-child a {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    nav ul.num1 li:last-child a {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    
    p {
    }
    
    ul {
    }
  /* End css elements ============================================================= */  

  /* Start css container ============================================================= */
  
  #container {
    box-sizing: border-box;     /* borders will be included in the box 'height' */
    width: 100%;
    background-color:#ffffcc;
    font-size:1.2em;
    border: #CC9933 solid 1px;  
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
  }
  
  #content_master {
    margin-top: 10px;
    background-color:#ffffcc;
  }
  
 
  

  /* Start NEW FLEX css ============================================================= */

  .flex_master_content_1  {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }

  .flex_master_content_2  {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
    
  .flex_master_menu_1  ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
  
  .flex_child_menu_1  {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
  
  
  
  
  
  /* End NEW FLEX css ============================================================= */
  
  
  
  .flex_container_menu  ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
  
    .flex_container_pics {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
  
  

  /* Start css header ============================================================= */

  #header {
      background-color:#ccffff;
      font-weight: 900;
      font-size: 1.2em;
      text-align:center; 
    }
    
  .header_2 {
      font-weight: 900;
      font-size: 1.2em;
      text-align:center; 
    }
    
  .header_3 {
      font-weight: 700;
      font-size: 1.2em;
      text-align:center; 
      margin-left: 10px;
      margin-right: 10px;
    }

  
  /* Start css content and FLEX defaults ============================================================= */  


    .button_phone {
      border:1px solid black;
      background-color:#DDDDDD;
      font-size:1em;
      margin:2px;
      cursor:pointer;
    }
    
    .close_button {
      border:1px solid black;
      background-color:#e8e8e8;
      font-size:1.1em;
      font-weight:bold;
      margin:2px;
      cursor:pointer;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    .screen_over_600_wide {
      display: none;
    }

    .screen_under_601_wide {
      display: block;
    }
    
    .text_master {
      margin: 10px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 1.0em;
			overflow-wrap: break-word;
			word-wrap: break-word;
    }
    
    .text_emphasis {
      font-weight: 700;
    }
    
    .text_center {
      text-align:center; 
    }
  
  /* Start css footer ============================================================= */  
  
    #footer {
      text-align:center; 
      font-size:0.8em;
    }
    
  /* End small screen css ============================================================= */  
  /* ================================================================================== */  

  /* Start css cell phone in landscape ============================================================= */  
    @media only screen and (max-width: 600px) and (orientation: landscape) {

      .close_button {
        font-size:1.2em;
      }
    }
  
  /* Start css tablet AND desktop ============================================================= */  
  
    @media only screen and (min-width: 601px) {
    
      .screen_over_600_wide {
        display: block;
      }

      .screen_under_601_wide {
        display: none;
      }

      nav ul.num1 li a {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
      
      .close_button {
        font-size:1.5em;
      }
      
    }
  
  /* Start css tablet ============================================================= */  
    
    @media only screen and (min-width: 601px) and (max-width: 1024px) {
    
    #container {
      font-size:1.1em;
    }  

    #header {
        padding-bottom: 10px;
        font-size: 1.5em;
    }
      
    h1 {
      padding-top: 10px;
      font-size: 1.5em;
    }  
      
    .text_master {
      margin: 15px;
    }
      
    }
    
  /* Start css desktop/laptop ============================================================= */  
    
    @media only screen and (min-width:1025px) {
    
      #container {
        font-size:1.1em;
        margin: 0 auto;
      }

      #border_container {
        border-style:solid;
        border-width:1px;
        border-color:#CC9933;
      }
      
      
      #header {
        padding-bottom: 10px;
        font-size: 1.5em;
      }
      
      h1 {
        font-size: 1.5em;
      }  
   
      h2 {
        font-size: 1.2em;
				font-weight:bold;
      }  
	 
      /* Reduce and center the menus */
/*      nav {
        width: 85%;
        margin: 0 auto;
      }
*/      
      
      .text_master {
        font-size:1.0em;
        margin: 20px;
      }
      
    }