#body_prop{ }


.iframe-container {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;

}


.iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}


#iframe-dim{width:600px;
          height:450px;
}

#iframe-office{width:500px;
             height:600px;
}

#iframe-front{width:500px;
             height:600px;
}

#fixed-width {
    width:100px;
    float:left
}
#rest-of-space {
    margin-left:101px;
        /* May have to increase depending on borders and margin of the fixd width div*/
    background: white;
}


#ios ul { display: none; }
#ios li:hover ul { display: block; }


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
	
	display:inline-block;
    margin: 0;
    padding: 0;
	text-align:center;
	
}

li {
    float: left;
	text-align:center;
	
}

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

li a:hover, .dropdown:hover .dropbtn {
    background-color: white;
	text-align:center;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #bf8b71;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

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

.dropdown-content a:hover {background-color: #bf8b71}

.dropdown:hover .dropdown-content {
    display: block;
}

  #container{
         width:1100px; 
		 
     }
    
    #doc-left{
     width:30%;
	 float:left;
     text-align:left;

      }

      #doc-right{
     width:70%;
	 float:right; 
	 text-align:left;
      }

    #doc1-left{
     width:40%;
	 float:left;
     text-align:left;

      }

      #doc1-right{
     width:60%;
	 float:right; 
	 text-align:left;
      }


    #center-width {
    width:100%;
    float:right;
	  }
	

    #hours-right{
     width:500px;
     float:right;
     text-align:left;

      }

      #hours-left{
     width:550px;
	 float:left; 
	 text-align:right;
      }
	  
	    #contact-left{
     width:60%;
	 float:left;
      text-align:center;

      }

      #contact-right{
     width:40%;
	 float:right; 
	 text-align:left;
      }
	  
	 #forms-left{
     width:50%;
	 float:left;
      text-align:center;

      }

      #forms-right{
     width:50%;
	 float:right; 
	 text-align:center;
      }  
	  
	 #forms-left1{
     width:60%;
	 float:left;
      text-align:right;
	  }

      #forms-right1{
     width:40%;
	 float:right; 
	 text-align:left;
	 
	  
      } 
@media screen and (max-width:1099px){
  
  .iframe-container {
    position: relative;
    padding-bottom: 120%;
    height: 0;
    overflow: hidden;
}


.iframe-container iframe {
  position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
  
  
     #container{
         width:100%;
         text-align:center;
		
        
     }
    
    #left-column{
     width:100%;
	 float:center;
     text-align:center;

      }

      #right-column{
     width:100%;
	 float:right; 
	 text-align:center;
      }

    #doc-left{
     width:100%;
	 float:center;
     text-align:center;

      }

      #doc-right{
     width:100%;
	 float:right; 
	 text-align:left;
      }

     #doc1-left{
     width:100%;
	 float:center;
     text-align:left;

      }

      #doc1-right{
     width:100%;
	 float:center; 
	 text-align:left;
	  }


     #contact-left{
     width:100%;
	 float:center;
       /* height:600px; */
      text-align:center;

      }

      #contact-right{
     width:100%;
	 float:center; 
	 text-align:left;
      }

        #center-width {
    width:100%;
    float:center;
	  }
	  
      #hours-right{
      width:100%;
     float:center;
     text-align:left;

      }

      #hours-left{
      width:100%;
	 float:center; 
	 text-align:right;
      }
	  
     img{ 
     width:100%;
     }
  
  #img-logos{ 
     width:25%;
	 height:25%;
	 text-align:left;
	 	 
     } 
  
  
  #iframe-dim{width:100%;
        height:100%;

}

#iframe-office{
	width:400px;
    height:480px;
}

  #iframe-front{width:500px;
             height:600px;
}

   #forms-left{
     width:100%;
	 float:left;
      text-align:center;

      }

      #forms-right{
     width:100%;
	 float:right; 
	 text-align:center;
      }  
	  
	    #forms-left1{
     width:100%;
	 float:center;
      text-align:left;
	  }

      #forms-right1{
     width:100%;
	 float:center; 
	 text-align:left;
	  }
    
}

// Tablet 
@media screen and (max-width:640px){
	
	.iframe-container {
    position: relative;
    padding-bottom: 130%;
    height: 0;
    overflow: hidden;
}


.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
	
	
  #container{
         width:100%;
		  text-align:center;
     }
    
    #left-column{
     width:100%;
	 float:center;
	 text-align:center;
     
      }

      #right-column{
     width:100%;
	 float:none;
	 text-align:center; 
      }

    #doc-left{
     width:100%;
	 float:center;
     text-align:left;

      }

      #doc-right{
     width:100%;
	 float:center; 
	 text-align:left;
      }

      #doc1-left{
     width:100%;
	 float:center;
     text-align:left;

      }

      #doc1-right{
     width:100%;
	 float:center; 
	 text-align:center;
	  }
	  
     #contact-left{
     width:100%;
	 float:center;
       /* height:600px; */
      text-align:center;

      }

      #contact-right{
     width:100%;
	 float:center; 
	 text-align:center;
	  }
	  
      #center-width {
    width:100%;
    float:left;
	text-align:left;
	  }
	  
     img{ 
     width:100%;
	 
     }
	 
	#img-logos{ 
     width:50%;
	 height:50%;
     } 
	 
  #iframe-dim{width:100%;
        height:100%;
}	

#iframe-office{
	width:400px;
    height:480px;
}

 #iframe-front{width:400px;
             height:480px;
}


   #forms-left{
     width:100%;
	 float:left;
      text-align:center;

      }

      #forms-right{
     width:100%;
	 float:right; 
	 text-align:center;
      }
	  
	    #forms-left1{
     width:100%;
	 float:center;
      text-align:left;
	  }

      #forms-right1{
     width:100%;
	 float:center; 
	 text-align:left;
	  }
	  
	  
}


// small old phones 
@media screen and (max-width:320px){
	
.iframe-container {
    position: relative;
    padding-bottom: 130%;
    height: 0;
    overflow: hidden;
}


.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}	
	

	
	
  #container{
         width:320px;
		  text-align:center;
     }
    
    #left-column{
     width:100%;
	 text-align:center;
	 float:none;
	
      }

      #right-column{
     width:100%;
	 text-align:center;
	 float:none;
	
      }

     img{ 
     width:100%;
	 
     }

    #doc-left{
     width:100%;
	 float:center;
     text-align:left;

      }

      #doc-right{
     width:100%;
	 float:right; 
	 text-align:left;
      }
	  
     #doc1-left{
     width:100%;
	 float:center;
     text-align:center;

      }

      #doc1-right{
     width:100%;
	 float:center; 
	 text-align:center;
	  }
	  
     #iframe-dim{
		 width:100%;
        height:100%;
     }
	 
	 
	#iframe-office{
	width:400px;
    height:480px;
}

 #iframe-front{width:400px;
             height:480px;
}
	 
	    #forms-left{
     width:100%;
	 float:left;
      text-align:center;

      }

      #forms-right{
     width:100%;
	 float:right; 
	 text-align:center;
      }
	  
	  #forms-left1{
     width:100%;
	 float:center;
      text-align:left;
	  }

      #forms-right1{
     width:100%;
	 float:center; 
	 text-align:left;
	  }
	  
	  
	#center-width {
    width:100%;
    float:center;
	text-align:left;
	  }
	  
}