* {
  box-sizing: border-box;
}

html {
    max-width: 1920px;
    margin: 0 auto;
    background-color: white;
}
  		
body {
	max-width: 1920px;
  	font-family: 'Lato', Arial, sans-serif;
  	margin: 0;
}

#myheader {
    position:relative;
}

#myhome {
    position:absolute;
	left:20;
}

.homebar {   
  	display: flex;  
  	justify-content: left; 
    flex-direction: row;
    margin-top: 2px;
} 

.myquote {
	margin: 10px 10px 10px 10px;
}		
/*************************************************
@media screen and (max-width: 566px) {
	header {
        background: url(xanadu_530x200.jpg) no-repeat center;
        height: 200px;
  
        white-space: nowrap;
      	text-indent: 5%;
      	color: white;
      	font-family: 'Lato', Arial, sans-serif;
      	font-size: 1.875em;
      	font-weight: 700;
   	}
    #myname {
    	position:absolute;
		bottom:0;
		font-size: 0.60em;
    	font-weight: 700;
	} 
  	#main {  
  		background-color: white;
  		padding-left: 20px;
  		padding-right: 20px;
	}
	iframe {
		max-width: 100%;
	}
}

@media screen and (min-width: 567px) and (max-width: 850px) {
  	header {
        background: url(futura_2000x200.jpg) no-repeat center;
        height: 200px;
        	
        white-space: nowrap;
      	text-indent: 5%;
      	color: white;
      	font-family: 'Lato', Arial, sans-serif;
      	font-size: 1.875em;
      	font-weight: 700;
    }
    #myname {
    	position:absolute;
		bottom:0;
	}
    #main {  
  		background-color: white;
  		padding-left: 20px;
  		padding-right: 20px;
	}
	iframe {
		width: 566px;
		height: 425px;
		max-width: 100%;
	}

}
		
@media screen and (min-width: 851px) and (max-width: 1500px) {
  	header {
        background: url(futura_2000x200.jpg) no-repeat center;
        height: 200px;
        	
        white-space: nowrap;
      	text-indent: 5%;
      	color: white;
      	font-family: 'Lato', Arial, sans-serif;
      	font-size: 2.75em;
      	font-weight: 700;
    }
    #myname {
    	position:absolute;
		bottom:0;
	} 
    #main {  
  		background-color: white;
  		padding-left: 20px;
  		padding-right: 20px;
	}
	iframe {
		width: 420px;
		height: 315px;
		max-width: 100%;
	}
}
				  		
@media screen and (min-width: 1501px) {
  	header {
        background: url(matrix_2500x200.jpg) no-repeat center;
        height: 200px;
        max-width: 1920px;
        	
       	white-space: nowrap;
      	text-indent: 5%;
      	color: white;
      	font-family:'Lato', Arial, sans-serif;
      	font-size: 2.75em;
      	font-weight: 700;
    }
    #myname {
    	position:absolute;
		bottom:0;
	} 
    #main {  
  		background-color: white;
  		padding-left: 20px;
  		padding-right: 20px;
	}
	iframe {
		width: 420px;
		height: 315px;
		max-width: 100%;
	}
}
*********************************/
img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
} 
      
img.solid {
	border-style: solid;
}      

figcaption {
	text-align: center;
}

.footer {
  	background: #ddd;
}

.footbar {   
  	display: flex;  
  	justify-content: center; 
    padding: 20px;
    flex-direction: row;
}

.footbar link {
	text
}