/*--extra set--*/


#myContainer .ms-left .ms-section h1{font-size:4.1em;}
#myContainer .ms-left .ms-section h2{font-size:2.1em;}
#myContainer .ms-left .ms-section h3{font-size:2.3em;}
#myContainer .ms-left .ms-section h4{font-size:36px;}
#myContainer .ms-left .ms-section h5{font-size:24px;}
#myContainer .ms-left .ms-section h6{font-size:21px;}

#myContainer .ms-left .ms-section h1,
#myContainer .ms-left .ms-section h2,
#myContainer .ms-left .ms-section h3,
#myContainer .ms-left .ms-section h4,
#myContainer .ms-left .ms-section h5,
#myContainer .ms-left .ms-section h6,
#myContainer .ms-left .ms-section span,
#myContainer .ms-left .ms-section p{
  
  color: #fff;
  font-weight: 600;
  clear: none;
  display: inline;
}

p{
  float: left;
  width: 100%;
  position: relative;
  word-break:normal;
  /*text-align: justify;*/
  line-height: 28px;
}

.more{
  color: #FFF;
  text-align: center;
  padding: 9px 15px;
  border-radius: 3px;
  border:2px solid #fff;
  margin: 10px 0 0 0;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 20px; 
  box-sizing:border-box;
  background: rgba(255,255,255,.2);
  box-shadow: 1px 1px 3px #555;
}

.more:hover{
  color: #FFF;
  border:2px solid #5eb8ce;
  background: #5eb8ce;
}


.logo{
  background: #fff;
  max-width: 180px;
  overflow: hidden;
  border-radius: 2px;
  z-index: 2000;
}

.aboard{
  /*float: right;
  background:rgba(255,176,29,.4); */
  padding: 12% 10%;
  z-index: 9;
  box-sizing:border-box;
  margin: 26% 0 0 0;
  width: 100%;

}

.aboard .topic{
  letter-spacing: 2px;
  margin:0 0 3% 0;
  /*text-shadow:0px 0px 3px #000;*/
}

.infos{
  font-size:14px;
 /* letter-spacing: 2px;*/
 /*text-shadow:0px 0px 3px #000;*/
}

.leftedge{
  width:10%;
}

.ms-right{
  width:100%!important;
}
.ms-left{
  width:100%!important;
}

#myContainer{
  width:100%;
  float:left;
  position: relative;
}

.colorwh{
  color: #232323!important;
}

.getepapper{
  margin: 15px 0  ;
}
.forcheck{
  margin: 0 18px 0 0;
}
@media only screen and (min-width: 365px) {
.aboard{
  /*float: right;
  background:rgba(255,176,29,.4); */
  padding: 12% 10%;
  z-index: 9;
  box-sizing:border-box;
  margin: 34% 0 0 0;
  width: 100%;

}
.infos{
    font-size:16px;
  }
}
@media only screen and (min-width: 600px) {
  .infos{
    font-size:16px;
  }
  .aboard{
    margin: 15% 0 0 0;
  }
}

@media (min-width: 768px) {
  #myContainer .ms-left .ms-section h1{font-size:4.5em;}
  #myContainer .ms-left .ms-section h2{font-size:3em;}
  #myContainer .ms-left .ms-section h3{font-size:2.3em;}
  #myContainer .ms-left .ms-section h4{font-size:36px;}
  #myContainer .ms-left .ms-section h5{font-size:24px;}
  #myContainer .ms-left .ms-section h6{font-size:21px;}

  .infos{
    font-size:24px;
    letter-spacing: 2px;
  }

}
@media (min-width: 900px) {



}
@media (min-width: 1000px) {

  #myContainer .ms-left .ms-section h1{font-size:4.5em;}
  #myContainer .ms-left .ms-section h2{font-size:3em;}
  #myContainer .ms-left .ms-section h3{font-size:2.3em;}
  #myContainer .ms-left .ms-section h4{font-size:36px;}
  #myContainer .ms-left .ms-section h5{font-size:24px;}
  #myContainer .ms-left .ms-section h6{font-size:21px;}

  .ms-right,.ms-left{ width:50%!important;}
  #myContainer{ float: none;}
  .colorwh{color: #fff!important;}
  
  .aboard{
    margin: 0% 0 0 0;
    width:90%;
    padding: 12% 6%;
      z-index: 8;
  }

  .infos{
  font-size:19px;
  letter-spacing: 2px;
}

p{
  line-height: 30px;
}


  
}

@media (min-width: 1200px) {



}

@media (min-width: 1600px) {

  #myContainer .ms-left .ms-section h1{font-size:5.5em;}
  #myContainer .ms-left .ms-section h2{font-size:4em;}
  #myContainer .ms-left .ms-section h3{font-size:3.3em;}
  #myContainer .ms-left .ms-section h4{font-size:40px;}
  #myContainer .ms-left .ms-section h5{font-size:30px;}
  #myContainer .ms-left .ms-section h6{font-size:25px;}
  
  .leftedge{ width:30%;}
  .aboard{ 
    padding: 12% 2%;
    width:60%;
  }
  .infos{
    font-size:22px;
  }
 
}