/*******************************************************************************
    Theme Name: HTML5 CSS3 Stylesheet
	Date: September 9, 2015
	Description: CSS3 for William Lang & Sons Iron Works Website
	Version 1.0
	Author: Dennis M. Smith
	Updated: February 2016
*******************************************************************************/

/* CSS for using HTML5 structural tags in older browsers */
header, hgroup, menu, nav, section, article, aside, figure, figcaption, details {
	display: block;
}

footer {
	display: block;
    margin-left: 3%;
}

/* Styles for the elements */
body {
/* 	background-color: #3366FF; 
	background-color: #3399FF; */
	background-color: #FFFFFF; 
	border: solid black 1px;
	
 
/*	background-color: #0066FF; */ /* rgb(0, 102, 255);  */
	/**************************************************************************************
	#0066FF Hex Color for the Web has the RGB values of 0, 102, 255 and the CMYK colour values of 1, 0.6, 0, 0. 
	This web color is described by the following tags: BLUE, BLUE RIBBON. 
	**************************************************************************************/
	font-family: Arial, helvetica, sans-serif, Times New Roman;
	font-size: 85%;
	margin: 0 auto;
	padding: 0;
	width: 600px;
}


#mobile_banner {
    /*
	margin-top: 0px;
	margin-right: 10px;
	padding: 0px;
          */
	display:flex;		/* Note A: figure/Figcaption */	
  
}

/*
.banner_image {
    border-style: none;
    display: block;
    background-image: url('../images/banner/m_banner_image2.png');
    width: 300px;
    height: 426px;
}
    */

#title {
    font-size:2em;
}

h5 #mobile_heading1 {
    width:100%;
    text-align:center;
    margin-left: 20%;
    margin-right: 20%;
}

h4 {
	font-size: xx-large;
	
}

blockquote {
	font-size: xx-large;
	text-align:left;
}

/***************************************************************************************************
    Set image a max width of 100% so images are automatically resized if too big for mobile
*****************************************************************************************************/
img {
    max-width: 100%;
}

#home {
    margin-left: 3%;
    margin-right: 3%;
}

#project_pic {
    padding: 0px;
}

ul.m_unOrderedList {
	width: 80%;
	font-size: x-large;
}