/* Meet the Team Profile * /

/* Column 1 = Full width 100%, HEADER 1 */
.column001 {
  width: 100%;
  padding: 0px;
  vertical-align: top;/*Fix for different     height elements*/
  margin-top: 2px;
  margin-bottom: 10px;
  display: inline-block;
 }
.align-right001 {
  text-align: right;
}
@media screen and (max-width: 680px) {
  .column001 {
    margin-top: 20px;
    line-height: 1.8em;
    width: 92%;
    padding: 2% 3% 0% 3%;
  }
}

/* Column 002 and 003 (62/33) = Text on the left, image on the right */
.column002 {
  width: 33%;
  vertical-align: top;/*Fix for different     height elements*/
  text-align: left;
  margin-top: 50px;
  margin-bottom: 10px;
  display: inline-block;
 }
.align-left002 {
  text-align: left;
}
@media screen and (max-width: 680px) {
  .column002 {
    width: 92%;
    padding: 3%;
    margin-top: 0px;
    margin-bottom: 1px;
  }
}
.column003 {
  width: 62%;
  vertical-align: top;/*Fix for different     height elements*/
  margin-top: 50px;
  margin-bottom: 30px;
  display: inline-block;
 }
.align-right003 {
  text-align: left;
}
@media screen and (max-width: 680px) {
  .column003 {
    width: 92%;
    padding: 3%;
	  margin-bottom: 10px;
  }
}


/* SINGLE COLUMN
 ======================*/

.column1 {
  width: 100%;
  padding: 0px;
  vertical-align: top;/*Fix for different     height elements*/
  margin-top: 2px;
  margin-bottom: 5px;
  display: inline-block;
 }
.align-right1 {
  text-align: right;
}
@media screen and (max-width: 680px) {
  .column1 {
    margin-top: 20px;
    width: 92%;
    padding: 2% 3% 1% 1%;
    margin-bottom: 2px;
  }
}

/*Left & Right Column - */

.column2 {
  width: 46.57%;
  padding-right: 3%;
  vertical-align: top;/*Fix for different     height elements*/
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
 }
.align-right2 {
  text-align: right;
}
@media screen and (max-width: 680px) {
  .column2 {
    width: 92%;
    padding: 3%;
    margin-top: 10px;
	  margin-bottom: 10px;
  }
}
.column3 {
  width: 50%;
  vertical-align: top;/*Fix for different     height elements*/
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
 }
.align-left3 {
  text-align: left;
}
@media screen and (max-width: 680px) {
  .column3 {
    width: 92%;
    padding: 3%;
    margin-top: 0px;
    margin-bottom: 25px;
  }
}

/* SINGLE COLUMN (HEADER 1 / BANNER)
 ======================*/
 .column4 {
   width: 100%;
   padding: 0px;
   vertical-align: top;/*Fix for different     height elements*/
   margin-top: 2px;
   margin-bottom: 5px;
   display: inline-block;
  }
 .align-right4 {
   text-align: right;
 }
 @media screen and (max-width: 680px) {
   .column4 {
     margin-top: 20px;
     width: 100%;
     margin-left: 55px;
     margin-bottom: 2px;
   }
 }
