/* 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;
}


/* START*/

#sectiontwo {
margin-left:auto;
margin-right:auto;
margin-top:0px;
position:relative;
width:470px;
background-color: #121249;
}


body {
  color: #555;
  font-size: 1em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   margin:0px;
   padding:0px;
   background:  linear-gradient(rgba(54,122,165, 0.35), rgba(54,122,165, 0.35));
     background-size: 70%;
  }

header {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;       /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  background:  linear-gradient(rgba(54,122,165, 0.35), rgba(54,122,165, 0.35)), url("../img/eyes4.png") bottom right no-repeat;
  background-size: cover;
  height: 110px;
  width:100%;
  }
.logo {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.address{
  -webkit-flex: 1 1 35%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 35%;
  flex: 1 1 35%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  padding-bottom: 4px;

}

.address p {
color:#545454;
font-size: 1em;
text-align: right;
padding-right:20px;}

.h2 {
font-family: 'Playfair Display', serif;
    font-size: 2em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 2em;
     text-align: left;
     margin:30px 0 0 0;
     letter-spacing: 0.15em;
     padding: 0 0 0 20px;
     }
     .h2 a{
     text-decoration:none;
     color:#fff;
     }

.h2 {
font-family: 'Playfair Display', serif;
    font-size: 2em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 2em;
     text-align: left;
     margin:30px 0 0 0;
     letter-spacing: 0.15em;
     padding: 0 0 0 20px;
     }
.h2 a{
     text-decoration:none;
     color:#fff;
     }
.slide {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #367aa5;
   margin:0;
   padding:0;
   background: linear-gradient(rgba(54,122,165, 0.0), rgba(54,122,165, 0.0)),url("../img/execScreen.png")   no-repeat top  ;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}



.container { 
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width:90%;
    margin:auto;
    max-width:1000px;
    border:1px solid #000;

}

   
     .text {
   -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #8db3ca;
   margin:0;
   padding:0;
   border:0px solid #000;
  
  }
  
   h5 {
font-family: 'Quicksand', serif;
    font-size: 1.05em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
     text-align: right;
     margin: auto;
     letter-spacing: 0.125em;
     width: 90%;
     padding: 20px;
     }

h1 {
     font-family: 'Helvetica', serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 300;
     color: #fff;
     line-height: 1em;
     text-align: center;
     margin-top:8px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     }

 h9 {
     font-family: 'Helvetica', serif;
     font-size: 1.1em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1em;
     text-align: center;
     margin-top:8px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     }    
    
h7 {
     font-family: 'Helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #fff;
     line-height: 0em;
     text-align: left;
     margin-top:10px;
     margin-bottom:230px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     background: rgba(248,134,142, 0.9);
     }

     
 h3 {
font-family: 'Playfair Display', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #cc0000;
     line-height: 1.25em;
     text-align: right;
     margin:0px;
     letter-spacing: 0.15em;
     padding: 0px;
     }
h4 {
font-family: 'Quicksand', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 500;
     color: #343434;
     line-height: 1.25em;
     text-align: center;
     margin:0 0 0 0px;
  
     padding:10px 6px 0 6px;
          background-color: #eee;
     opacity:0.75;
     }

 h6 { display: none;
font-family: 'Quicksand', serif;
    font-size: 2.0em;
    font-style: normal;
    font-weight: 300;
     color: #eee;
     line-height: 1.25em;
     text-align: right;
     margin-left: auto;
     margin-right: auto;
     margin-top: 200px;
     letter-spacing: 0.125em;
     width: 700px;
     padding: 20px;
     }
 h8 {
font-family: 'Helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #eeeeee;
     line-height: 1.25em;
     text-align: left;
     margin:-100px;
     letter-spacing: 0.125em;
     padding: 10px 0 0 4px;
     }
.about { height: 80px;
        font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 250px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
 .about9 { height: 80px;
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 130px 0 0 0;
     padding: 12px;
     background-color: #eee;
     opacity:0.85;
     }
.about2 { height: 80px;
font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 230px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about3 { height: 80px;
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 230px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
     
.nypltext { margin-left:25%; border: 0px solid #ccc;}
.newpl {
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #454545;
     text-align: center;
     margin:10px 0 0 0;
     padding:0 20px 10px 20px;
     opacity:9.0;
     }
 .quote {
font-family: 'Quicksand', serif;
    font-size: 0.85em;
    font-style: italic;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
     text-align: center;
     margin-top: -30px;
     margin-left: 0px;
     letter-spacing: 0.125em;
     width: auto;
     padding: 20px;
     }


footer {
  text-align: center;
  background-color: #fff;
  font-size: 12px;
  color: #333;
  height:35px;
  padding: 20px 20px 0  20px;
  margin: 10px 0;
}





.nypl {
-webkit-flex: 1 1 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 0 1 80%;
 background:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../img/NYPL240.png") 4% 20% no-repeat;
background-size: 20%;
  
   padding:0;
   margin:0 2% 0 2%;
   border: 1px solid #ccc;}
   


section {
  -webkit-flex:2 1 50%;
  -webkit-box-flex: 1;
  -ms-flex: 2 1 500px;
  flex: 1 1 500px;
  margin-right: 1%;
  margin-left: 1%;
}

.textsection2{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
      width:90%;
    margin:auto;
    max-width:1000px;
    border:1px solid #333;
     background:  linear-gradient(rgba(54,122,165, 0.35), rgba(54,122,165, 0.35)),url("../img/headshotBgd.png") top right no-repeat;
     background-size: 70%;
 }
.textsection{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
      width:90%;
    margin:auto;
    max-width:1000px;
    border:0px solid #333;
     background:  linear-gradient(rgba(54,122,165, 0.35), rgba(54,122,165, 0.35));

 }

.short {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
   -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   
    }
.short1{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
   -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   
    }
.wide {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border: 0px solid #c96255;
    
    }

/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}



aside.afd {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url("../img/2015award.png") 50% 0% no-repeat;
background-size: 100%;}

aside.adl {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/dl1v2.png") 50% 0% no-repeat;
background-size: 100%;}

aside.aed {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/epv2.png") 50% 0%  no-repeat;
background-size: 100%;}

aside.blue { background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/2.jpg") 50% 50% no-repeat;
background-size: cover;}

aside.white {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/5.jpg") 50% no-repeat;
background-size: cover;}

aside.pink {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/3.jpg") top right no-repeat;
background-size: cover;}

aside {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  
  
}




.button a{ 
 display: inline-block;
 padding:6px;
text-decoration:none;
 font-family: 'Quicksand', serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 300;
     color: #fff;
     line-height: 1.25em;
      text-align: right;
      white-space: nowrap;
}
.buttontwo a{ 
 display: inline-block;
 padding:6px;
text-decoration:none;
 font-family: 'Quicksand', serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
      text-align: right;
    
}

.two {text-align: center;}

.button a:hover { color:#333; text-align: right;}
.buttontwo a:hover { color:white; text-align: right;}
.box {
  background:rgba(54,122,165, 0.35);
   
    -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
            opacity:1;
}
.box:hover {
 background: #999;
  opacity:0.9;
}

.box2 {
     background: rgba(54,122,165, 0.35);
    -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
            opacity:0.9
}
.box2:hover {
   background: #999;
  opacity:0.9
}

@media screen and (max-width: 780px) {

.slide {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

   margin:0;
   margin-top:0px;
   
   padding:0;
   padding-top: 20px;
 border-bottom: 0px solid #121249;
 background: linear-gradient(rgba(255,255,255, 0.0), rgba(255,255,255, 0.0)), url("../img/execScreen.png")top   no-repeat;

background-color:#fff;

}
.h2 {
font-family: 'Playfair Display', serif;
    font-size: 2em;
    font-style: italic;
    font-weight: 300;
     color: #000;
     line-height: 1em;
     text-align: left;
     margin-top: 14px;
     letter-spacing: 0.15em;
     padding:0;
     }
    
.about { height: 120px;
font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 180px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about2 { height: 120px;
    font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 180px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about3 { height: 124px;
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 160px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
 .about9 { height: 150px;
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 140px 0 0 0;
     padding: 12px;
     background-color: #eee;
     opacity:0.85;
     }
     .button a{
     height:40px;
 display: inline-block;
 padding:6px;
text-decoration:none;
 font-family: 'Quicksand', serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
      text-align: center;
        white-space: normal;
 
}
}



@media screen and (max-width: 700px) {
.slide {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

   margin:0;
   margin-top:0px;
   
   padding:0;

 background: linear-gradient(rgba(255,255,255, 0.0), rgba(255,255,255, 0.0)), url("../img/execScreen.png")top   no-repeat;

background-color:#fff;

}
header  { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;       /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  background-size: cover;
  height: 130px;
  width:100%;
  }


.h2 {
     font-family: 'Playfair Display', serif;
    font-size: 2em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 0.85em;
     text-align: left;
     margin-top: 8px;
     letter-spacing: 0.15em;
     padding:0;
     }
 .h2 a{margin:0; margin-top: 8px; padding:0;}
  .container {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width:100%;
    }
    
    .textsection{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
   -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
      width:90%;
    margin:auto;
    max-width:1000px;
    }
    .wide {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border: 0px solid #c96255;
    width:100%;
    }
    .short{ width:70%;margin:auto;}
 aside {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  
  

  section {
    margin-right: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  
  .text {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #8db3ca;
   margin:0;
   padding:0;
   }
   
   .about { height: 120px;
font-family: 'helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 270px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about2 { height: 120px;
font-family: 'helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 300px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about3 { height: 120px;
font-family: 'helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 300px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.newpl {
     font-family: 'helvetica', serif;
    font-size: 0.95em;
    font-style: normal;
    font-weight: 300;
     color: #454545;
     text-align: center;
     margin:10px 0 0 0;
     padding:0 20px 10px 20px;
     opacity:9.0;
     }
     h4, h5{font-weight:700;}
     .buttontwo a{ font-weight:700: height:40px;}

}




@media screen and (max-width: 480px) {

.h2 {
     font-family: 'Playfair Display', serif;
    font-size: 1.75em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 0.95em;
     text-align: left;
     margin-top: 8px;
     letter-spacing: 0.15em;
     padding:0;
     }

.textsection2{margin-top: 30px;}

#sectiontwo {
display:none;
margin-left:auto;
margin-right:auto;
margin-top:0px;
position:relative;
width:380px;
background-color: #121249;
}
header  { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;       /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  background-size: cover;
  height: 140px;
  width:100%;
  }
.slide {height:200px;  background: linear-gradient(rgba(255,255,255, 0.0), rgba(255,255,255, 0.0)), url("../img/execScreen7802.png")top center   no-repeat;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-color:#fff;
margin-top: 0px;
}

.about { height: 140px;
font-family: 'helvetica', serif;
    font-size: 0.95em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 180px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
     
footer {
  text-align: center;
  background-color: #fff;
  font-size: 12px;
  color: #333;
  height:35px;
  padding: 20px 20px;
  margin: 0px 0;
}
 .short{ width:90%;margin:auto;}
  .short1{display:none;}
}