/*Fonts*/
/*font-family: 'Open Sans Condensed', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Ubuntu Condensed', sans-serif;*//*font-family: 'Open Sans Condensed', sans-serif;*/

/*Colors

#333399 Irwin Tax Blue
#0a1e3a Dark Blue
#acacac Grey
*/
/* Reset*/
html, body, div, span, h1, h2, h3, p, ul, li, a, article, header, section {margin: 0; padding: 0; border; font-size: 100%; }

/* overall width and positioning of container*/


html {background-color: #3d4244; width: 100%;}
body {width: auto; 
    height: auto; 
    background: white; 
    margin: 0 auto; 
max-width: 1024px;}

p {font: lighter 1.25em/1.375em 'Roboto', sans-serif; color: black; }

h1 {font: lighter 1em/1.375em 'Roboto', sans-serif; text-transform: uppercase;}




/*Navigation General*/

li {list-style: none; display: inline;}

a, a:link, a:visited {text-decoration: none; font: lighter 1.15em/1em 'Roboto', sans-serif; color: white; 
    text-transform: uppercase;}

a:hover {color: #6f6f69;}
a:active: {background-color: black;}
a[href^="mailto"] {color:#333399; text-transform:lowercase; font-size: 1em;}


/*Irwin Tax logo*/
header h1 img {margin:0px 20px 0 30px; float: left; clear: right;}
    
#facebook {margin-top:0px;}
#facebook p {font: bold 2.25em/1.25em 'Roboto', sans-serif; text-align: right; color: #333399; float: left; 
margin: 55px 0 0 480px;}
#facebook a img {margin: 60px 0 0 10px;}

  
/*Top Navigation*/
/*header { width: 1024px; background-color: white;}*/
header nav   {background-color: #333399; margin-top: -2px; padding: 11.75px 0 11.75px 0; 
text-align: center; width: 100%; height: 21px; clear: both; }

header nav ul li a {padding: 9px 40px 11.75px 40px; margin-left: -3px; background-color: black;}

header nav ul li a:first-of-type {border-left: 3px solid white;}


/*Philosophy*/

img {background-size:contain; margin: 0px 0 0 0;}

article:first-of-type p + p {background: #0a1e3a  url(../img/arrow.png) no-repeat top center;  
border-top: 5px solid white; height: 50px; background-size: 4%; margin-top: 50px;
font: lighter 2.5em 'Roboto', sans-serif; background-size: 3.5%; color: white; letter-spacing: 2px;
text-transform: uppercase; text-align: center; padding: 40px 0 20px 0; margin-top:-10px;}


span {font-size: 1.375em; font-weight: bold; line-height: 1.25em; letter-spacing:2px;}



/*about us*/

article:nth-child(2) {background: url("../img/about_photo.jpg") no-repeat 0 0px; background-size: contain; height: 275px;}

article:nth-child(2) h1 {color: white; padding: 15px 0px 15px 30px; font-size: 1.2em; text-align: center; width: 20%;
background: black url("../img/people.png") no-repeat 20% 35%; margin: 0px auto; background-size: 13%;}

article:nth-child(2) p {padding: 50px 10px 10px 450px;}


/*Services*/

article:nth-child(3){background:#acacac url("../img/services_photo.jpg") no-repeat top right; background-size: contain; height: 275px;}

article:nth-child(3) h1 {color: white; padding: 15px 0px 15px 30px; font-size: 1.2em; text-align: center; width: 20%;
background: black url("../img/gears.png") no-repeat 25% 35%; margin: 0px auto; background-size: 12%;}

article:nth-child(3) p {padding: 50px 450px 5px 30px; color: black;}

/*Contact Info*/

article:nth-child(4) {padding: 0 0 60px 20px;}

article:nth-child(4) h1 {color: white; padding: 15px 0px 15px 30px; font-size: 1.2em; text-align: center; width: 20%;
background: black url("../img/phone.png") no-repeat 25% 35%; margin: 0px auto; background-size: 11%;}


iframe {width: 40%; height: 250px; border: 1px solid black; margin: 20px 40px 160px 20px; float: left; }
div {margin: 50px 0 10px 0;}
div h2 {font: bold 2.5em/1.5em 'Roboto', sans-serif; margin-bottom: 10px;}
div h3  {font: bold 1.5em/1.5em 'Roboto', sans-serif; margin: 10px 0 -5px 0;}


/*Forms*/
article:nth-child(5) {clear: both; height: 250px; background-color:#acacac; padding: 0 20px 0 20px;}
article:nth-child(5) h1 {color: white; font-size: 1.2em; text-align: center; width: 40%; background: black url("../img/save-file.png") no-repeat 6% 35%; margin: 0px auto; background-size: 5%; padding: 15px 10px 15px 40px;}




/*Forms float*/

article:nth-child(5) ul li {display: block; height: auto; font-size: .7em;}
article:nth-child(5) ul:first-of-type {width: 35%; margin: 20px 0 0 0px; float: left;}
article:nth-child(5) ul:first-of-type + ul { width: 30%; float: left; margin: 20px 0px 0 -15px; }

article:nth-child(5) ul:first-of-type + ul + ul { width: 35%; float: left; margin: 20px 0px 0 0;}
article:nth-child(5) ul li a {text-transform:none; background: url("../img/pdfgraphic.png") no-repeat 0 10px; padding:15px 0 0 25px; margin: 20px; line-height: 2.5em;}
article:nth-child(5) ul li a:link {color: black;}
article:nth-child(5) ul li a:hover {color:#333399;}
article:nth-child(5) ul li a:visited {color: black;}
article:nth-child(5) p {display: none;}

footer {clear:both; background-color: black; color: white; padding: 20px 50px 20px 50px;}
footer p {color: white; float: right; font-size: .9em;}

footer ul li a{padding-right: 30px;}
footer ul li {font-size: .8em;}


/*Tablet*/
@media screen and (max-width: 768px) {
 body{ background-color: white;}
a[href^=tel] {
    color: inherit;
    text-decoration: none; font-weight: bolder;}
    
 #facebook p {font: bolder 2.25em/1.25em 'Roboto', sans-serif; text-align: right; color: #333399; float: left; text-align: right;
margin: 30px 20px 0 250px; }
 #facebook a img {margin: 33px 0 0 0;}   

/*Top Navigation*/
header {width: 768px; }
header nav   {padding: 5px 0 3px 0px; }
header nav ul li a {padding: 5px 32px 5px 32px;}
header nav ul li a:first-of-type {font-size: 1em;}
    
/*Philosophy*/    

article:first-of-type p + p {height: 30px; margin-top: 20px; font: lighter 1.75em 'Roboto', sans-serif; 
background-size: 3.5%; padding: 25px 0 20px 0; margin-top:-8px;}

/*about us*/

article:nth-child(2) { background-size: contain; height: 200px;}
article:nth-child(2) h1 {padding: 10px 0px 10px 25px; font-size: 1em; background-size: 13%;}
article:nth-child(2) p {padding: 30px 15px 10px 300px; font-size: 1em;}

/*Services*/

article:nth-child(3){height: 200px;}
article:nth-child(3) h1 {padding: 10px 0px 10px 25px; font-size: 1em; }
article:nth-child(3) p {padding: 30px 300px 5px 15px; color: black; font-size: 1em;}

/*Contact Info*/

article:nth-child(4) {padding: 0px 50px 50px 20px;}
article:nth-child(4) h1 {padding: 10px 0px 10px 25px; 
font-size: 1em;}
iframe {height: 305px; margin: 10px 20px 100px 10px; }
article:nth-child(4) a[href^=tel] {font-size: 1em; }
#left {margin-top: 40px;}
#left h2 {font: bold 1.75em/1.5em 'Roboto', sans-serif; margin-top: -70px;}


/*Forms float*/
article:nth-child(5) {clear: both; height: 200px; background-color:#acacac; padding: 0 10px 0 10px;}
article:nth-child(5) h1 {color: white; font-size: 1em; text-align: center; width: 45%; background: black url("../img/save-file.png") no-repeat 6% 35%; margin: 0px auto; background-size: 5%; padding: 10px 10px 10px 30px;}

article:nth-child(5) ul li {display: block; height: auto; font-size: .6em;}
article:nth-child(5) ul li a {text-transform:none; background: url("../img/pdfgraphic.png") no-repeat 0 10px; padding:15px 0 0 20px; margin: 15px; line-height: 2.5em;}
article:nth-child(5) p {display: none;}
footer {clear:both; background-color: black; color: white; padding: 20px 50px 20px 50px;}
footer p {color: white; font-size: .9em;}

footer ul li a {padding-right: 30px;}
footer ul li {font-size: .8em;}
}


    

    /*Mobile*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)  {
  
a[href^=tel] {
    color: inherit;
    text-decoration: none;}
    
    
/*Irwin Tax logo*/
     
      
p {margin-top: 20px;}
#facebook {margin-top:0px;}
#facebook p {text-align: center; color: black; }
#facebook a img {display: none;}
#facebook a[href^=tel] { display: none;}


    /*Top Navigation*/
header {width: 100%; position: relative;}
img {visibility: hidden; margin-bottom: 0px;}
header h1 img {margin-left: 100px; width: 120px; height:auto; visibility: visible; float: none; clear: both; margin-bottom: -17px;  }

a:link {background-color: black;}
a:active {background-color: black;}

li {list-style: none; display: block; padding: 8px; background-color: black; border-bottom: 1px solid white;}
a {color: white;}
    a:link, a:visited {text-decoration: none; font: lighter 2em/1.2em 'Roboto', sans-serif; color: white;  text-transform: uppercase; }   
a:hover {color: #6f6f69;}
a:active {background-color: black;}

header nav   {background-color: black; text-align: center; width: 100%; height: 130px; clear: both; margin-top:0;}
header nav ul li a:first-of-type {border-left: none; }
header nav li:nth-child(4) {color: red;}
header nav a:active {background-color: black;}
img {margin: -300px 0 0 0;}
    
    /*Philosophy*/
article:first-of-type p + p {height: 50px; background-size: 4%; font: lighter 1.5em 'Roboto', sans-serif; padding: 20px 0 20px 0; margin-top: -38px;}

/*about us*/

article:nth-child(2) p { font-size: 1em; padding: 20px 10px 10px 20px; margin-top: -5px;} 
article:nth-child(2) {background: url("../img/about_photo.jpg") 
no-repeat -99999px -999999px; height: 180px;}
article:nth-child(2) h1 {padding: 5px 0px 10px 30px; font-size: 1em; width: 35%;}

/*Services*/

article:nth-child(3){background:#acacac url("../img/services_photo.jpg") no-repeat -9999px -9999px; height: 150px;}
article:nth-child(3) h1 {padding: 5px 0px 5px 30px; font-size: 1em; width: 35%;}
article:nth-child(3) p {padding: 10px 10px 5px 30px; margin-top: 0px; }

    /*Contact Info*/

article:nth-child(4) {padding: 0 15px 30px 15px;}

article:nth-child(4) h1 {color: white; padding: 5px 0px 5px 30px; font-size: 1em; text-align: center; width: 35%;}

article:nth-child(4) h2 {text-align: center; padding: 0px; margin: -30px 0 -10px 0; font-size: 1.5em;}
article:nth-child(4) p {text-align: center; margin: 20px 20px 0 20px; font-size: .9em; }
iframe {width: 86%; height: 250px; float: none; margin-left: 20px;}
article:nth-child(4) a[href^=tel] {font-size: 1em; color: black; background-color: white;}
article:nth-child(4) a {font-size: 1em; color: black; background-color: white; }
div {margin-top: 20px;}
div h2 {font: bold 1.5em/1em 'Roboto', sans-serif;}
div h3 {font: bold 1em/1em 'Roboto', sans-serif; text-align: center; margin: 10px 0 -15px 0;}
    
a[href^="mailto"] {color:#333399; text-transform:lowercase; font-size: 1em;}
    

   
    
/*Forms*/
article:nth-child(5) {height: 100px; padding: 0 5px 20px 5px;}
article:nth-child(5) h1 {color: white; padding: 5px 0px 5px 0px; font-size: 1em; text-align: center; width: 100%; background: black;}
article:nth-child(5) ul li {display: none;}
article:nth-child(5) p {display: inline; font-size: 1em;}
article:nth-child (5) {height: 100px; padding: 0 5px 0 5px; background-color: red;}

footer {padding: 10px 50px 20px 50px;}
footer p {color: white; font-size: 1em; margin-top: -5px;}

footer ul li a {display: none;}
footer ul li {display: none;}

	  
/*COVID19*/
.covid p {background-color: red;}

}