/*  SECTIONS  */
.me{
    max-width: 1391px;
    width: 88.5%;
    margin-left: 18.5%;
    margin-top: 2%;
}
p{
    font-family: "Aller Display",sans-serif;
    margin-top: 0%;
    font-size: 1.2em;
    font-weight: 400;
    font-style: normal;
    color: rgb(255, 209, 222);
    text-align: justify;
    padding: 0% 0% 0% 5.1%;

}
h6{
    font-family: "Aller Display",sans-serif;
    margin-top: 0;
    font-size: .3em;
    font-weight: 400;
    font-style: normal;
    color: rgb(255, 209, 222);
    text-align: center;
}
h3{

    font-family: "Aller Display",sans-serif;
    font-size: .5em;
    color: rgba(58, 57, 57, 0.92);
    text-decoration: none;
    float: start;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
}
a{
    font-family: "Aller Display",sans-serif;
    font-size: 1.2em;
    color: #ffd1de;
    text-decoration: none;
    float: start;
    font-weight: 400;
    font-style: normal;


}
h1{
    font-family: Kinescope, cursive;
    font-size: 4em;
    text-align:center;
    margin-top: -3%;
}
h2{
    font-family: Kinescope, sans-serif;
    font-weight: 900;
    text-align:center;
    font-size: 3em;
    color:#b3fff8;
    position: relative;
}
.section {
    clear: both;

    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.left_col {
    float:left;
    width:49.3%;
  /*background-color: #ffd1de; */
    height: 12cm;
    margin-top: 2%;
}
.right_col {
    float:right;
    width:49.3%;
  /*background-color: #ffd1de;*/
    height: 12cm;
    margin-top: 2%;
}
.span_4_of_4 {
    width: 31%;
    height:5.2em;
    display: inline-block;
    margin-bottom: 0%;
    float:none;
    margin-top: 0%;
    vertical-align: top;


}
.span_5_of_5 {
    width: 100%;

    display: inline-block;
    background-color:#b3fff8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-align: center;
    font-family: "Aller Display", sans-serif;

}
.span_3_of_3 {
    width: 90%;
    display: inline-block;
    margin-left: 5%;



}
.span_2_of_3 {
    width: 65.5%;
    display: inline-block;
    margin-top: 0%;
}
.span_1_of_3 {
  width: 30%;
  height:9cm;
  margin-bottom: 2%;
  display:inline-block;
  float: right;
  margin-top: 0%;


}


@media only screen and (max-width: 900px) {
  .col { margin: 1% 0% 1% 0%;}
  .span_4_of_3, .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; margin-top: 16%;}
  p{
      padding: 0% 10% 0% 10%;
  }
  h2{
      margin-bottom: -10%;
      margin-top: 10%;
      display: block;
  }
    .me{

        width: 60%;
        margin-top: -10%;

    }
    h3{
            font-size: .7em;
        }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }
    .me{
        margin-left: 10%;
        width: 80%;
        margin-top: 0%;

    }


    .span_4_of_3, .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 100%;
    }

    h2 {
        margin-bottom: 0%;
        margin-top: 0%;
        display: block;
    }
    h3{
        font-size: .6em;
    }

}