/**
------------------ RESET ---------------------
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

 /**
------------------ BODY ---------------------
*/

body {
  font-family: 'Aften Screen', sans-serif;
  height: 100%;
  background: #f0f0f0;
 }

p, a {
  font-family: 'Aften Screen', sans-serif; 
  font-size: 16px;  
  color:#fff;
  line-height: 150%;
 }

h1, h2, h3 {
  font-family: 'Akhand-Semibold', sans-serif;   
 }

h4, h5 {
  font-family: 'Aften Screen', sans-serif;  
}


 /**
------------------ GENERAL ---------------------
*/
.fright {float:right;}
.fleft  {float: left;}
.clear  {clear: both;}

.auto   {margin:0 auto;display: block;}
.fixed  {position: fixed;}

.uppercase {text-transform: uppercase;}
.ta-center {text-align: center;}

.img-center {display: block; margin-left: auto; margin-right: auto;}
.img-wrapper{ width: 100%; height: 100%; overflow:hidden;
}

.mob-none {display:none;}
@media only screen and (min-width: 800px) {
  .mob-none {display:block;}
}

.desktop-none {display:block;}
@media only screen and (min-width: 960px) {
  .desktop-none {display:none;}
}

/* ------------------ LINKS -------------------- */

 a { color: inherit; text-decoration: none; border-bottom:1px solid inherit; padding-bottom: 3px;}
 a:hover {}


/* ------------------ CONTAINER -------------------- */

.container-hf   {margin:0 15px;}
.container    {margin: 0 15px;}

@media only screen and (min-width: 960px) {
  .container {max-width: 970px; margin: 0 auto;}
}


/**
--------------------- WRAPPER ----------------------
*/

.wrapper {
  bottom: 0;
    height: auto;
    left: 50%;
    margin-left: -40%;
    position: absolute;
    width: 80%;
    padding-bottom: 10vh;
}

.content-wrapper {margin-bottom:60px;}

section {

}

section p {color:#505050;}


/**
TITLE
*/

h1, h2, h3 {
  margin:0;
  padding: 0;
  font-weight: normal;
  line-height: 100%;
}


.title-l {color: #1a1a1a; padding: 50px 0 30px; font-size: 22px; text-transform: uppercase; text-align: center}
.title-m {color: #303030; font-size: 18px; font-weight: 400; line-height: 120%; text-align: center}
.title-3 a {font-family: 'Aften Screen', sans-serif; color: #303030; font-size: 15px; margin-bottom:15px; font-weight: 400; line-height: 120%;}

.title-4 {font-family: 'Akhand-Semibold', sans-serif; padding: 20px 0px; font-size: 27px; text-transform: uppercase;}
.title-5 {font-family: 'Aften Screen', sans-serif; color: #303030; font-size: 14px; margin-bottom:15px; line-height: 140%;}
/* Sidebar Title */
.title-6 {font-family: 'Akhand-Semibold', sans-serif; color: #1a1a1a; font-size: 27px; margin-bottom:30px; line-height: 140%; text-transform: uppercase;}

/* related articles */

.font-xxs {font-size: 11px;}
.font-xs {font-size: 13px;}
.font-s {font-size: 13px;}
.font-m {font-size: 18px; margin-bottom: 10px; font-family: 'Aften Screen', sans-serif;}
.font-l {font-size: 22px; font-family: 'Akhand-Semibold', sans-serif; text-transform: uppercase;}
.font-xl {font-size: 25px; font-family: 'Akhand-Semibold', sans-serif; text-transform: uppercase;}
.font-xxl {font-size: 25px; font-family: 'Akhand-Semibold', sans-serif;text-transform: uppercase; text-align: center;}


@media only screen and (min-width:960px) {
  .title-l {font-size: 25px;}
  .title-m {font-size:18px;}
  .title-6 {font-size:35px;}

  .font-xxs {font-size: 11px;}
  .font-xs {font-size: 13px;}
  .font-s {font-size: 15px;}
  .font-m {font-size: 18px;}
  .font-l {font-size: 22px;}
  .font-xl {font-size: 35px; text-transform: uppercase;}
  .font-xxl {font-size: 42px;}


}

/**
------------------------- WIDTHS ---------------------------
*/

.width100 {width: 100%;}
.width50  {width: 100%;}
.width25  {width: 100%;}
.width80  {width:100%;}

@media only screen and (min-width:960px) {
  .width50  {width: 50%;}
  .width25  {width: 25%;}
  .width80  {width: 80%;}
}

/**
HEIGHTS
*/
.height100 {height: 100%;}
.height50 {height: 50% ;}
.height-browser {height: 100vh;}


/**
-------------------BEGINN DIVIDER-----------------------
*/

.divider5 {height:5px;}
.divider10 {height:10px;}
.divider20 {height:20px;}
.divider30 {height:30px;}
.divider40 {height:40px;}
.divider45 {height:45px;}
.divider60 {height:60px;}
.divider80 {height:80px;}
.divider100 {height:100px;}

@media only screen and (min-width: 960px) {

}

/**
-------------------BEGINN HORIZONTAL DIVIDER-----------------------
*/

.dividerwhite {
  margin: 70px 0;
  height: 4px;
  background: #fff;
}


hr {
  border: 1px solid #eee;
}



/**
-------------------BUTTONS-----------------------
*/

button {
  background: #2bf1b8;
  color:#fff;
  height:45px;
  font-family: 'Akhand-Semibold', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border:none;
  width: 100%;
  display: block;
  font-size: 25px;
}

button:hover {
  background:#AE36BC;
}

button.invert {
  background: none;
  color:#fff;
  border: 2px solid #fff;
  height:45px;
  font-family: 'Akhand-Semibold', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  display: block;
  font-size: 25px;
}

button.invert:hover {
  border-color:#fff;
  color: #fff;
}

a > button {
  display: block;
}

.layer {background: #1a1a1a none repeat scroll 0 0;
    height: 100%;
    opacity: 0.65;
    position: absolute;
    width: 100%;
    z-index: 2;}

/**
-------------------BEGINN FONT GENERAL-----------------------
*/


.font1 {
  font-family: 'Aften Screen', sans-serif;
  line-height: 100%;
}

.font2 {
  font-family: "Aften Screen", sans-serif;
  line-height: 150%;
}



/**
-------------------BEGINN FONT SIZES-----------------------
*/

.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:15px;}
.size18 {font-size:16px;}
.size19 {font-size:17px;}
.size22 {font-size:17px;}
.size25 {font-size:19px;}
.size30 {font-size:22px;}
.size35 {font-size:25px;}
.size45 {font-size:28px;}
.size50 {font-size:35px;}
.size60 {font-size:45px;}

/**
 FONT SIZES DESKTOP
*/

@media only screen and (min-width: 960px) {
  .size11 {font-size:11px;}
  .size12 {font-size:12px;}
  .size13 {font-size:13px;}
  .size14 {font-size:14px;}
  .size15 {font-size:15px;}
  .size16 {font-size:16px;}
  .size17 {font-size:17px;}
  .size18 {font-size:18px;}
  .size19 {font-size:19px;}
  .size22 {font-size:22px;}
  .size25 {font-size:22px;}
  .size30 {font-size:30px;}
  .size35 {font-size:35px;}
  .size45 {font-size:45px;}
  .size50 {font-size:50px;}
  .size60 {font-size:60px;}

}

/**
-------------------BEGINN FONT COLORS-----------------------
*/

.color1st   {color: #FC126A;}
.color2nd   {color: #FC126A;}
.lightgrey  {color: #999;}
.grey       {color: #505050;}
.darkgrey   {color: #303030;}
.grey     {color: #c8c8c8;}
.white    {color: #fff;}
.black    {color:#000;}


/**
------------------------------- BACKGROUNDS ---------------------------
*/

.bg-1st {background: #FC126A;color: #fff;}
.bg-2nd {background: #FC126A;color: #fff;}
.bg-white {background: #fff; color: #303030;}
.bg-darkgrey {background: #303030;color: #fff;}

/**
--------------------------- LISTS -------------------------
*/

ul.left > li {
  float:left;
  list-style-type: none;
  text-decoration: none;
  padding-right: 25px;
}

ul.left > li a {
  text-decoration: none;
}

ul {padding-left: 20px;}
ul > li {list-style-type: square;}

ol {padding-left: 20px;}
ol > li {margin-bottom: 20px; }

/**
--------------------------- NAVIGATIONS -------------------------
*/

nav.left > li {
  float:left;
  list-style-type: none;
  text-decoration: none;
  padding-right: 25px;
}

nav.left > li a {
  text-decoration: none;
}



/**
---------------------------- PADDINGS -----------------------------
*/


.padding5   {padding: 5px;}
.padding10  {padding: 10px;}
.padding15  {padding: 15px;}
.padding20  {padding: 20px;}
.padding30  {padding: 30px;}

@media only screen and (min-width:800px){
  .padding0   {padding:0px !important;}
}


/**
---------------------------- VERTICAL LINES -----------------------------
*/

ul.border-left {
  border-left:1px solid #505050;
}

ul.border-left li:first-child {
  padding-left:15px;
}

/* -------------- GRID ------------------ */

/* Uncomment and set these variables to customize the grid. */

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

 /* -------------------------------------------------------
CUSTOM CSS
--------------------------------------------------------*/

/* HERO AREA */

#hero-area {position:relative; height:650px; background:url('images/steuerfachwirt-bernd-langner-mobil.jpg') no-repeat center center; background-size: cover; }
#hero-area .hero-area-teaser {position:relative;z-index: 3; padding:320px 0 0 0px; width:90%;}
#hero-area .hero-area-teaser p, #hero-area .hero-area-teaser h1, #hero-area .hero-area-teaser h2, #hero-area .hero-area-teaser a {color: #fff;}
#hero-area .hero-area-teaser a {border-bottom:2px solid #fff; padding-bottom:2px;}
#hero-area .hero-area-teaser h2 {text-transform: none; text-align: left; margin-bottom:15px; font-size:22px;}

#hero-area .contact {position: absolute; z-index:3; right:0; padding-top: 10px; width:auto;}
#hero-area .contact .contact-info {background: url('images/transparent-bg-white.png'); margin-bottom:10px; padding: 3px 19px;}
#hero-area .contact .contact-info p, #hero-area .contact .contact-info i {color:#fff; display: inline;}
#hero-area .contact .contact-info i {padding-right: 15px;}



@media only screen and (min-width:960px) {
	#hero-area {height:650px; background:url('images/steuerfachwirt-bernd-langner-desktop.jpg') no-repeat center center; background-size: cover; }
	#hero-area .hero-area-teaser {position:relative;z-index: 3; padding:250px 0 0 0px; width:350px;}
}

/* PORTFOLIO */
#portfolio {margin-top:0px; position: relative; z-index: 3; }
#portfolio .portfolio-item {padding:20px; background: #fff; height: 180px; margin-bottom:20px;}
#portfolio .portfolio-item h3.title-m {text-align: left; margin-bottom:10px; height: 67px;}

@media only screen and (min-width:960px) {
	#portfolio {}
}


/* ABOUT */

#about {}
#about .review {padding:20px; background: #fff; margin-bottom:20px;}
#about .review img {width:100%;}

/* REVIEWS */
#reviews .review {padding:20px; background: #fff; margin-bottom:20px;}
#reviews .review .review-img-wrapper {margin: auto; width:100px; height:100px; border-radius:50%; margin-bottom: 10px;}


/* FOOTER */

footer {background: #303030; padding:20px 0; margin-top:80px;}
footer p {color:#fff;}
footer a {padding: 0 5px;}
footer .footer-content {margin: 0 auto; max-width:380px;}

/* FOOTER MODAL MIT TEXT */

.modalText {width:auto;}
.modalText p, .modalText ol {color:#fff; line-height: 100%; font-family:'Aften Screen', Arial, Helvetica, sans-serif; display: inline-block;}
.modalText ol {margin-top:20px; font-size:16px;}
.modalText .modalDialog {position: fixed; font-family: 'Aften Screen', Arial, Helvetica, sans-serif; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; overflow:scroll;}
.modalText .modalDialog:target {opacity:1; pointer-events: auto;}
.modalText .modalDialog > div {width: 80%; position: relative; margin: 5% auto; padding: 50px 15px 15px 15px; background: #1a1a1a; color: #fff;}
.modalText .modalDialog > div p, .modalText .modalDialog > div ol {color: #fff; font-family:'Aften Screen', Arial, Helvetica, sans-serif; font-size:14px; line-height: 120%;}
.modalText .modalDialog > div h2 {color: #fff; font-weight: bold; margin-bottom:8px;}
.modalText .modalDialog iframe {width:100%;}

.modalText .close{display: inline-block; width: 30px; height: 30px; overflow: hidden; cursor: pointer; position: absolute; top:15px; right:15px;}
.modalText .close::before, .close::after {content: ''; position: absolute;height: 2px; width: 100%; top: 50%; left: 0;margin-top: -1px; background: #fff;}
.modalText .close::before {transform: rotate(45deg);}
.modalText .close::after {transform: rotate(-45deg);}
.modalText .close.thick::before, .close.thick::after, {height: 4px; margin-top: -2px;}

@media only screen and (min-width:960px) {
  .modalText .modalDialog {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in; pointer-events:none;}
  .modalText .modalDialog:target {opacity:1; pointer-events: auto;}
  .modalText .modalDialog > div {width: 600px; position: relative; margin: 2% auto; padding: 50px 30px 30px 30px; background: #1a1a1a;}
  .modalText .modalDialog > div h2 {color: #fff;}
  .modalText .modalDialog iframe {width:100%;}
}