@import url('https://fonts.googleapis.com/css?family=Philosopher');
/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button .parallelogrambutton {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  /* padding: 8rem 0 7rem; 
  border: 1px solid red;
  */
  text-align: center;

}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.portclass
{
 width: 22px;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.phones {
  position: relative;
}
.phone {
  position: relative;
  max-width: 80%;
  margin: 3rem auto -12rem;
}
.phone + .phone {
  display: none;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
 /* background-image: url('../images/values-bg.jpg'); */
  background-image: url('../images/webheader.jpg');
	background-size: cover; 
  color: #555;
   padding-bottom: 5rem; 
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}

/* Help
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.get-help {
  border-bottom: 1px solid #ddd;
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

.essay {
    margin: 0 10px 0 10px; 
    padding: 0 10px 0 10px;
    font-size: 1.5rem;
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
}
.essay p {
    margin-bottom: 10px;
}
.essay .essaytitle {
    font-size: 2.05rem;
    color: #042207;
    font-weight:800;
    margin-bottom: 3px;
    padding: 0;
}

.essay .essaysubtitle {
    font-size: 1.6rem;
}

.essaysource {
    font-weight: 600;
    font-style: italic;
}   

.essayquote {
   font-size: 1.5rem;
   margin: 0px 20px 20px 20px;
}
.essay-button {
    color: #808080;
    border-color:#d3d3d3;
    background-image: linear-gradient(to bottom right, #ebebeb 0%, #f5f5f5 51%, #fff 100%);
    position: absolute;
    padding: 0 15px;
    right: 25px;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 12rem 0 11rem;
  }
  .hero {
    padding-bottom: 12rem;
    text-align: left;
    height: 165px;
  }
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
    z-index: 3;
  }
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }

.header {
	height: 589px
}	

.nameline {
	color:white;
	font-size:7rem;
	font-family: 'Philosopher', serif;
/*
	text-shadow:
    -1px -1px 0 #cccccc,
    1px  -1px 0 #cccccc,
    -1px  1px 0 #cccccc,
    1px  1px  0 #cccccc;  
*/    
}	

.tagline {
	font-size: 4rem;
/*	color: white;
	font-variant: small-caps;
	font-family: 'Philosopher', serif;
	font-weight: 200;
	text-shadow:
    -1px -1px 0 #cccccc,
     1px -1px 0 #cccccc,
    -1px  1px 0 #cccccc,
     1px  1px 0 #cccccc;  
*/     
}	
	
.portclass {
 width: 52%;
}
.essay {
    margin: 0 40px 0 40px; 
    padding: 0 20px 0 20px;
/*
    font-size: 1.5rem;
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
*/
}
/* 
.resumenameblock {
    line-height:2rem;
    padding-top:6px; 
    padding-left: 2px;  
    margin-left: 2px;
    text-align:center;
}
*/

.resumename {
    font-size: 3.0rem;
    line-height: 1rem;
	font-weight: 400; 
	color:#003399;
}

.resumesectionlabel {
	font-variant:small-caps;
	font-weight:400;
	font-size:3.0rem;
	color: #003399;
	line-height: 2rem;
	font-family: philosopher;
}

.resumesectionheadertop {
	padding: 0px;
	border-bottom: 1px solid #001122;
	margin: -12px 3% 0 2px;	
}

.portfolio-button {
  font-size: 1.25rem;
  height:initial;
  line-height:initial;
  width:130px;
  padding: 0px;

/* green to blue */
/*
background: rgba(0,163,111,1);
background: -moz-linear-gradient(left, rgba(0,163,111,1) 0%, rgba(41,41,65,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,163,111,1)), color-stop(100%, rgba(41,41,65,1)));
background: -webkit-linear-gradient(left, rgba(0,163,111,1) 0%, rgba(41,41,65,1) 100%);
background: -o-linear-gradient(left, rgba(0,163,111,1) 0%, rgba(41,41,65,1) 100%);
background: -ms-linear-gradient(left, rgba(0,163,111,1) 0%, rgba(41,41,65,1) 100%);
background: linear-gradient(to right, rgba(0,163,111,1) 0%, rgba(41,41,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a36f', endColorstr='#292941', GradientType=1 );
*/

/* light blue  
background: rgba(147,206,222,1);
background: -moz-linear-gradient(left, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(left, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(left, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(left, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: linear-gradient(to right, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1 );
*/
  
  /* purple to gray */
 /* background: rgba(103,2,139,1);
background: -moz-linear-gradient(left, rgba(103,2,139,1) 0%, rgba(172,19,90,1) 13%, rgba(184,93,74,1) 41%, rgba(175,144,90,1) 78%, rgba(172,185,151,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103,2,139,1)), color-stop(13%, rgba(172,19,90,1)), color-stop(41%, rgba(184,93,74,1)), color-stop(78%, rgba(175,144,90,1)), color-stop(100%, rgba(172,185,151,1)));
background: -webkit-linear-gradient(left, rgba(103,2,139,1) 0%, rgba(172,19,90,1) 13%, rgba(184,93,74,1) 41%, rgba(175,144,90,1) 78%, rgba(172,185,151,1) 100%);
background: -o-linear-gradient(left, rgba(103,2,139,1) 0%, rgba(172,19,90,1) 13%, rgba(184,93,74,1) 41%, rgba(175,144,90,1) 78%, rgba(172,185,151,1) 100%);
background: -ms-linear-gradient(left, rgba(103,2,139,1) 0%, rgba(172,19,90,1) 13%, rgba(184,93,74,1) 41%, rgba(175,144,90,1) 78%, rgba(172,185,151,1) 100%);
background: linear-gradient(to right, rgba(103,2,139,1) 0%, rgba(172,19,90,1) 13%, rgba(184,93,74,1) 41%, rgba(175,144,90,1) 78%, rgba(172,185,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67028b', endColorstr='#acb997', GradientType=1 );
 */
 background-image: linear-gradient(to right, #3D7EAA 0%, #FFE47A 51%, #3D7EAA 100%);
 background-image: linear-gradient(to bottom right, #33c3f0 0%, #49a5bf 51%, #4CA1AF 100%);
}
   
.i-font {
font-size:3rem;
}

.btn-align-leftcol {
    text-align: right;
}

.btn-align-rightcol {
    text-align: left;
}

.btn-align-centercol {
    text-align: center;
}

.qdlogo
{
    text-align:left;
    margin: 0px; 
    padding: 0px;
    border: 0px red solid;
}    

div.tasks {
   text-align: right; 
}

.notessaytitle {
   margin:0 100px 0 40px 
}

.resume-button-location {
    text-align: right;
}
    
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 190px;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    top: -14rem;
    right: 5rem;
    max-height: 510px;
  }
  .phone + .phone {
    top: -12rem;
    max-height: 472px;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
  .qdlogo
{
    text-align:center;
}
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    /* padding: 20rem 0 19rem; */
  }
  .hero {
    padding: 22rem 0;
  }
  .hero-heading {
    font-size: 3.0rem;
  }
  .phone {
    top: -16rem;
    max-height: 615px;
  }
  .phone + .phone {
    top: -14rem;
    max-height: 570px;
  }
}

#headerImage img {
 margin-bottom: 10px;
 max-width: 100%;
 height: auto;
}
#nav {
	margin: 13px 0 0 0;
	text-align: right;
}

#nav ul li{
	display: inline;
	margin: 0 10px 0 0;
	margin-bottom: 0px;
	color: white;
}

#nav a {
	text-decoration: none;
	color: #FFFFCC;
	font-weight:600;
}
.parallelogrambutton {
  background:#2B60DE;
  /* box-shadow:10px 10px 0 rgba(0,0,0,.5);*/
  display:inline-block;
  font-size:2rem;
  padding:.5rem 2rem;
  text-decoration:none;
	width: 100%;
	color: #fff;
}

.parallelogrambutton:hover {

  box-shadow: 0 0 0 ;
}

.parallelogram{
  transform: skew(-20deg);
}

.parallelogramskew-fix{
  display:inline-block;
  transform: skew(20deg);
}

/*
img
{
    max-width: 100%;
    min-width: 300px;
    height: auto;
}
*/
.contact a {
     text-decoration: none;
     color: #06317F; 
     font-weight: bold;
}

.aiheader
{
 background: url("../images/webheader.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center center;
/*    background-color: #111112; */
}

.resumesectionheader {
	padding: 2rem 0 0 0;
	border-bottom: 1px solid #001122;
	margin: 12px 3% 0 2px;	
}


.resumesectiontext {
    margin: 2px 0 0 2px;
	padding: 2px;
	margin: 0 3% 0 2px;
}

/*.resumebullets {
  border: 1px solid #ccc;
} 
*/
.jobblock {
 margin: 12px 0 2px 2px;
 padding: 8px 0 2px 2px;   
 line-height: 1.4em;
}
.jobblocktop {
 margin: 2px 0 2px 2px;
 padding: 2px 0 2px 2px;   
 line-height: 1.4em;
}
.resumetopspace {
 margin-top:15px;
 padding-top:15px;
}

.resumekeyelements {
    font-variant:small-caps;
    font-weight:bold;
    font-style:italic;
}

.italian {
    font-style: italic;
    font-weight: bold;
}
md-block>h1 {
    font-size:3rem;
    font-weight:600;
    line-height: 1.2;
    letter-spacing: -.1rem;
}
md-block>h2 {
    font-size:2rem;
    font-weight:600;
    line-height: 1.2;
    letter-spacing: -.1rem;
}
md-block>h3 {
    font-size:1.75rem;
    font-weight:600;
    line-height: 1.2;
    letter-spacing: -.1rem;
}
summary>h4 {
    font-size: 1.5rem;
    font-weight:600;
    line-height: 1.2;
    letter-spacing: -.1rem;
    padding-left: 6px;
    font-style: italic;
}
details>p {
    color: #585858;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 15px;
}
md-block>p {
    color: #585858;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
md-block>ul {
    list-style: disc-inside;
    display: block;
    list-style-type: disc;
    margin-block-start: .5em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:1.1em;
    unicode-bidi: isolate;
    font-size: 1.5rem;
}
md-block>ul li {
    margin-bottom: auto;
    padding-left: 6px;
   text-indent: 0px;
}
md-block>ol {
    list-style: disc-inside;
    display: block;
    list-style-type: decimal;
    margin-block-start: .5em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:1.1em;
    unicode-bidi: isolate;
    font-size: 1.5rem;
}
md-block>ol li {
    margin-bottom: auto;
    padding-left: 6px;
   text-indent: 0px;
}

md-block>ol li > ul {
    list-style: disc-inside;
    display: block;
    list-style-type: disc;
    margin-block-start: .5em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:1.1em;
    unicode-bidi: isolate;
    font-size: 1.5rem;
}
md-block>ol li > ul li {
    margin-bottom: auto;
    padding-left: 6px;
   text-indent: 0px;
}
md-block>ol li > ul li > ol {
    list-style: disc-inside;
    display: block;
    list-style-type: decimal;
    margin-block-start: .5em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:1.1em;
    unicode-bidi: isolate;
    font-size: 1.5rem;
}
md-block>ol li > ul li > ol li {
    margin-bottom: auto;
    padding-left: 6px;
   text-indent: 0px;
}
/*
.essay {
    margin: 0 40px 0 40px; 
    padding: 0 20px 0 20px;
    font-size: 1.5rem;
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
}
.essay p {
    margin-bottom: 10px;
}
.essay .essaytitle {
    font-size: 2.05rem;
    color: #042207;
    font-weight:800;
    margin-bottom: 3px;
    padding: 0;
}

.essay .essaysubtitle {
    font-size: 1.6rem;
}

.essaysource {
    font-weight: 600;
    font-style: italic;
}   

.essayquote {
   font-size: 1.5rem;
   margin: 0px 20px 20px 20px;
}

*/
/*
.resumenameblock {
    line-height:2rem; 
    padding-top:6px;
}
.resumename {
	font-family: moolboran;
    font-size:2.2rem;
    line-height:1rem;
    font-weight: bold;
	color:purple;
}
*/