@charset "UTF-8";
/* CSS Document */

/*	The Google Font Link is: <link href="https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Great+Vibes|Handlee|Lobster+Two|Roboto" rel="stylesheet"> 

	 font-family: 'Cinzel', serif;
    font-family: 'Cinzel Decorative', cursive;
    font-family: 'Roboto', sans-serif;
    font-family: 'Lobster Two', cursive;
    font-family: 'Handlee', cursive;
    font-family: 'Great Vibes', cursive;						*/

@media screen and (min-width:1444px)		{			  

.img-responsive	{width:100%; max-width:100%; display:inline; }

body		{background-image:url(../Images/Background%20Law-Library.jpeg); max-width:100%; margin:auto;		}

/*	body	{ background-color:#FFDF9D; max-width:100%; margin:auto;}   THIS WAS THE ORIGINAL BACKGROUND BODY COLOR */
	
#wrapper	{ margin:20px; border:7px solid #C00; padding:20px; background-color:#F9EAC0;	}	

#banner {	 display:inline;	}

#left-pic		{ float:left; width:23.45%;	}
#middle-pic	{ float:left; width:52.92%; 		}
#right-pic		{ float:left; width:23.54%;	}	

#blog-left-pic		{float:left;	width:50%;		}
#blog-right-pic	{float:left;	width:50%; 		}

#nav	{width:800px; }
#nav ul	 li			{ display:inline; padding:0; margin:0; list-style-type:none; font-size:22px; font-family:'Roboto', Cambria, serif;	}

			
#address		{display:block; width:400px; float:left; margin-top:60px;			}

#map			{display:block; float:right; margin:20px; width:600px; height:450px;  		}

#title	{	display:block; background-color:#F49C4C; margin-top:40px 0 0 0; padding:1px 0 1px 0; clear:both; font-weight:600;	}
h1		{ font-family:'Cinzel Decorative', cursive, Cambria, serif; font-size:55px; font-weight:500; font-stretch:extra-expanded; line-height:120%; padding-bottom:5px; text-align:center;	}
h5		{ font-family:'Cinzel Decorative', cursive, Cambria, serif; font-size:28px; font-weight:400; font-style:italic; line-height:0; padding:0; text-align:center;	}


#link-list-left		{		float:left; font-family:'Roboto', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:24px; padding:30px 0; width:600px; 		}
#link-list-right		{		float:left; font-family:'Roboto', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:24px; padding:30px 0; width:400px; 		}

}

@media screen and (min-width:850px) and (max-width:1443px) 		{

body		{background-image:url(../Images/Background%20Law-Library.jpeg); max-width:100%; margin:auto;		}
	
#wrapper	{ margin:20px; border:7px solid #C00; padding:20px;  background-color:#F9EAC0;	}	

#banner {	 display:inline;	}

#blog-left-pic		{float:left;	width:53%; 		}
#blog-right-pic	{float:right;	width:47%; 		}

#left-pic		{ float:left; width:23.45%;	}
#middle-pic	{ float:left; width:53%; 		}
#right-pic		{ float:left; width:23.55%;	}

.img-responsive	{width:100%;}

#nav ul	 li				{ 		display:inline; padding:0; margin:3px 0 0 0; list-style-type:none; font-size:20px; font-family:'Roboto', Cambria, serif;	}

#address		{display:block; width:600px; float:left; margin-top:60px;			}

#map			{display:block; float:right; margin:20px; width:600x; height:450px;  		}

#title	{	display:block; background-color:#F49C4C; margin-top:40px 0 0 0; padding:1px 0 1px 0; clear:both; font-weight:600; text-align:center;	}
h1		{ font-family:'Cinzel Decorative', cursive, Cambria, serif; font-size:55px; font-weight:500; font-stretch:extra-expanded; line-height:120%; padding-bottom:5px;	}
h5		{ font-family:'Cinzel Decorative', cursive, Cambria, "Times New Roman", serif; font-size:28px; font-weight:400; font-style:italic; line-height:0; padding:0; text-align:center;	}


#link-list-left		{		float:left; font-family:'Roboto', sans-serif, Cambria, serif; font-size:24px; padding:25px 0; width:400px; 		}
#link-list-right		{		float:left; font-family:'Roboto', sans-serif, Cambria, serif; font-size:24px; padding:25px 0; width:300px; 		}

}

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

body	{ background-color:#FFDF9D; max-width:100%; margin:auto;}
	
#wrapper	{ margin:20px; border:7px solid #C00; padding:20px; background-color:#F9EAC0;}	

#banner {	 display:inline;	}

#left-pic		{ float:left; width:100%; max-height:50%;		}
#middle-pic	{ float:left; Width:100%; height:100%;		}
#right-pic		{ float:left; width:100%;	max-height:50%;		}

.img-responsive	{width:100%;}

#nav ul	 li			{ padding:0; margin:3px 0 0 0; list-style-type:none; font-size:24px; font-family:'Roboto', Cambria, serif;	}

#address		{display:block; width:100%; float:left; margin-top:60px;			}

#map			{display:block; float:right; margin:20px; width:100%; 		}

#title	{	display:block; background-color:#F49C4C; margin-top:40px 0 0 0; padding:1px 0 1px 0; clear:both; font-weight:600; text-align:center;	 }
h1		{ font-family:'Cinzel Decorative', cursive, Cambria, serif; font-size:40px; font-weight:500; font-stretch:extra-expanded; line-height:120%; padding-bottom:5px;	}
h5		{ font-family:'Cinzel Decorative', cursive, Cambria, serif; font-size:18px; font-weight:400; font-style:italic; line-height:100%; padding:0;	}



#link-list-left		{		float:left; font-family:'Roboto', Cambria, serif; font-size:20px; padding:20px 0; width:100%; 		}
#link-list-right		{		float:left; font-family:'Roboto', Cambria, serif; font-size:20px; padding:20px 0; width:100%; 		}


}

#nav				{	display:block; float:left; padding:10px 0; margin:0;	}
#nav ul				{	padding:0; margin:0;			}


#nav a:link		{ text-decoration:none; color:#000;	 		}
#nav a:visited		{ text-decoration:none; color:#000;				}
#nav a:active		{ text-decoration:none; color:#000;				}
#nav a:hover		{ text-decoration:none; color:#F00;				}
#nav a:focus		{ text-decoration:none; color:#f00;				}


#counter			{display:block;	padding:20px 0; margin:auto;				}

#social-media		{ list-style-type:none; width:175px; padding:10px 0; float:right; }

#social-media ul li		{display:inline; list-style-type:none; float:right; padding:0; margin-top:0; 	}



/*#title h5		{line-height:0; padding:0 0 30px 0; margin:0;}*/
#title p		{text-align:center; line-height:0; padding:0 0 24px 0;	margin:0; font-family:'Cinzel', Cambria, serif; font-weight:600;	}

#area-1			{background-color:#FFDF8B; padding:10px:		}
#area-2			{background-color:#FFDF8B; padding:10px:		}
#area-3			{background-color:#FFDF8B; padding:10px:		}

#map			{display:block; float:right; margin:20px; 			}


#contact-form ol li		{list-style-type:none;		}

#contact-form input		{display:block; width:350px; margin:0 0 10px 0; padding:5px;	}
#contact-form label		{display:block;		}		
#contact-form textarea	{display:block; width:350px; margin-bottom:20px; height:100px; padding:10px;				}

input:focus, textarea:focus		{background-color:#EDE3B7;		}

#send-button input		{ width:350px; height:30px; 	margin:0 0 20px 40px; background-color:#CCC;		}

#footer			{ background-color:#C00; display:block; padding:5px 0; border:#999 1px solid; clear:both; 	}


h2		{ font-family:'Roboto', Cambria, serif; font-size:36px; font-style:normal; line-height:36px; font-weight:400; font-variant:small-caps;	}
h3		{ font-family:'Cinzel Decorative', cursive, Cambria, serif; font-size:24px; font-weight:600; padding:5px 0 15px 0;			}
h4		{ font-family:'Roboto', Cambria, serif; color:#FFF; font-size:18px; font-weight:500;}

h6		{font-family:'Cinzel', Cambria, "Times New Roman", serif; font-size:24px;	}
p		{ font-family: 'Roboto', Cambria, "Times New Roman", serif; font-size: 20px; text-align: justify; font-weight:400;		}

#gallery			{		background-color:#CC9; border:#666 double medium; padding:20px;  margin:15px; width: auto; overflow:hidden;	}
#gallery ul		{		list-style-type:none; font-family:'Roboto', Cambria, serif; font-size:11px; 			}
#gallery ul li		{		margin:5px;	 border:#033C17 double medium; width:110px; text-align:center; float:left; background-color:#F9EAC0;					}
#gallery ul li:hover		{border:#C00 solid medium;				}

#home-button, #espanol-button, #blog-button, #videos-button, #photos-button, #links-button, #podcast-button, #contact-button			{padding:5px;		}

#practice-list			{ font-weight:500; padding:10px 0 20px 10px; text-align:left; font-size:18px; 		}
#counter				{	padding:25px; display:block; 	}
#blog-list				{ padding:50px; font-family:'Roboto', sans-serif, Cambria, serif; font-size:24px;						}
#video-banner			{display:block; width:100%;  	}
#photo-title			{ background-color:#F49C4C; font-size:40px; clear:both; text-align:center; padding:20px 0; font-family:'Lobster Two', cursive, sans-serif;						}
#blog-title			{ background-color:#F49C4C; font-size:40px; clear:both; text-align:center; padding:20px 0; font-family:'Lobster Two', cursive, sans-serif;						}
#contact-title			{ background-color:#F49C4C; font-size:40px; clear:both; text-align:center; padding:20px 0; font-family:'Lobster Two', cursive, sans-serif;						}
#email-disclaim		{text-align:justify; clear:both; border-top:#999 solid; padding-top:15px; margin:15px 0;		}
#videos-title			{ background-color:#F49C4C; font-size:40px; clear:both; text-align:center; padding:20px 0; font-family:'Lobster Two', cursive, sans-serif;						}
#podcast-title			{ background-color:#F49C4C; font-size:40px; clear:both; text-align:center; padding:20px 0; font-family:'Lobster Two', cursive, sans-serif;						}
#podcast-links			{font-size:24px; font-family:'Roboto', Cambria, serif; padding:40px 0 20px 40px;					}
#video-links			{padding:50px; font-family:'Roboto', sans-serif, Cambria, serif; font-size:24px;	}