/* CSS reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
/*
ol,ul {
    list-style:none;
}
*/
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
		
		/* end of reset*/
		

/* From Wolf book CSS chapter*/ 
html
 {
	box-sizing: border-box;
		}     
	
	*, *::before, *::after {
			box-sizing: inherit;
		}
		
/* this is the start of the small screen styles*/

body 	
		{font-family: "georgia", sans-serif;
		font-weight: 400;
		font-style: normal;	
		font-size: 100%;	
		border-width: 1px;
		border-style: solid;
		border-color:#f2f2f2;
		}
			
main {margin-left: auto;
			margin-right:auto;
			padding-top: 10px;
			margin-top: 0;
									}


hgroup {
	/*
					border-width: 2px;
					border-color: #666666;
					border-style: solid;
		*/			
					margin-bottom:2em;
					margin-left: 1.5%;
					margin-right: 1.5%;
		
					}		
		
cite {font-style: italic;
				}
			
	h1 {font-family: "merriweather", serif; 
			font-weight: 700;
			font-style: italic;
			font-size: 1.3em;
			line-height: 1.5em;
			margin-bottom:0;
			padding-top:0%;
			} 				
		
p#declaration {font-family: "merriweather", serif; 
						font-weight: 700;
						font-style: normal;
						font-size: 1em;
						text-align: right;
						margin-top: 0;
						padding-right: 3%
						}

h2 {font-family: "merriweather", serif; 
			font-weight: 700;
			font-style: italic;
			font-size: 1.2em;
			margin-top:1.2em;
			margin-bottom:1em;
			margin-right: 3%;
			margin-left:3%;
				}
				
figure {
				/*
				width:90%;
				*/
				margin-left:auto;
				margin-right:auto;
				padding: 3%;
				border-width:1px;
				border-style: solid;
				border-color: #bfbfbf;
				}

.noborder {border:none;}



em {hyphens: none;
				}
				
p {			font-size: 1.2em;
				line-height: 1.7em;
				margin-top: .6em;
				margin-bottom:.6em;
				margin-right: 2%;
				margin-left:3%;
				}
				
.first {margin-top:0;}
				
span {font-weight: 700;}
				
ul {		list-style-type: none;
				margin-top: .6em;
				margin-bottom: 1.2em;
				margin-right: 3%;
				margin-left:10%;				
				}
				
	
	li {font-size: 1em;
			font-style:normal;		
			line-height:1.6em;
			margin-bottom:.5em;
				}
	
	.constitution{list-style-type: disc;}
	
	blockquote {margin-left:10%;
							margin-right:5%;
							padding-bottom:4%;
							font-size: 1.125em;
							line-height:1.7em;
							font-style:italic;
							}
	
	p#author {font-family:"merriweather", serif; 
						font-weight: 300; 
						font-style: italic;
						font-size: 0.9em;
						line-height:1.3em;
						padding-top:.5em;
						color:#4d2600;
						}			
  
  
  
  /*end of small screen and beginning of tablet size*/
  
  	@media only screen and (min-width:744px) {
			
				body {
				max-width: 744px;	
				border-style:solid;
				border-color:#e6e6ff;
				border-width: 2px;					
				margin-left:auto;
				margin-right:auto;
					}
			
	
			
			main {						
				/*
				max-width: 760px;	
				border-style:solid;
				border-color:#e6e6ff;
				border-width: 2px;		
				*/
				padding-top:20px;	
				padding-bottom:30px;
				margin-left: auto;
				margin-right:auto;		
				}
			
						
			article {
				width:630px;
				margin-right: auto;
				margin-left: auto;
					 }
			
			h1 {margin-top:14px;
				font-size: 1.4em;
				line-height: 1.7em;
					} 
					
			h2{font-size:1.3em;
				line-height:1.5em;}
							
			p.opening {
				margin-top: 16px;
				}
			
			p {	font-size: 1.4em;
					}
			
			.constitution {font-size: 1.2em;
											line-height:1.6em;}
			
			blockquote{font-size: 1.35em;
									line-height: 1.7em;}
			
			li {
				padding-left: 2%;
				font-size: 1.15em;
				}
			
			li#final {
				padding-bottom:24px;
			}
			
			p#author {font-size: 1.1em;
						line-height:1.4em;
						padding-top:.5em;
						}			
			
		}                    /*close of media tablet query*/
		
		/*end of tqblet size and beginning of monitor size*/
			
			@media only screen and (min-width:1024px){
		
			main {						
				/*
				max-width: 760px;	
				border-style:solid;
				border-color:#e6e6ff;
				border-width: 2px;		
				*/
				padding-top:20px;	
				padding-bottom:30px;
				margin-left: auto;
				margin-right:auto;		
				}
			
			#declaration {font-family: "merriweather", serif; 
						font-weight: 700;
						font-style: normal;
						font-size: 1em;
						text-align: right;
						margin-top: 0;
						padding-right: 3%
						}
			
			
			article {
				width:600px;
				margin-right: auto;
				margin-left: auto;
					 }
			
			h1 {margin-top:15px;
				} 
							
			h2 {font-size: 1.06em;}
			
			p.opening {
				margin-top: 16px;
				}
			
			p{font-size: 1.06em;}
			
			.constitution {
				padding-left: 2%;
				font-size: 1.0em;
				line-height:1.6em;
				}
			
			li#final {
				padding-bottom:24px;
			}
			
			blockquote {
				font-size: 1.0em;
				line-height:1.6em;
				margin-right: 6%
			}
			
			
			p#author {font-family:"merriweather", serif; 
						font-weight: 300; 
						font-style: italic;
						font-size: 0.9em;
						line-height:1.4em;
						padding-top:.5em;
						color:#4d2600;
						}			
			
			
			
			
		}                    /*close of  monitor media query*/