@media only screen and (max-width: 1300px) {
  .body {
    min-width:350px;
  }
  .texthello {
    margin: 0 40px;
  }
  .photohello {
    margin: auto;
  }
  .flex2col {
    flex-direction: column;
    align-items: center;
  }
  .tvParagraphe {
    margin: 0;
    padding: 0 40px;
  }
  .ecran {
    margin-left:0;
  }
  .maincontainer2 {
    height: 1400px;
  }
  .containertree {
    flex-direction: column;
  }
  .texttree {
    margin: auto;
  }
  .arbre {
    margin: auto;
  }
}
@media only screen and (max-width: 1000px) {
  ul li {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  * {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  ul li {
    display: none;
  }
  .ecran {
    margin-top:-80px;
    scale: 0.6;
    margin-right: 0;
  }
  .ligneseparation {
    min-width: 100px;
  }
  .tvParagraphe {
    padding: 0;
  }
  .tree {
    width:350px;
    
  }
  .photohello {
    scale: 0.6;
  }
  .tvParagraphe {
    padding: none;
    width: auto;
  }
  .arbre {
    width:350px;
    
  }
  .racine {
    height: 150px;
    width:350px;  
    background-position: center ;
    background-size: cover;
   
  }
  .neige{
    margin-left: 30px;
  }
  .backbulles{
    width: 60px;
    height: 40px;
  }
  .font30 {
    font-size: 15px;
width: 300px;
  }
  .font50 {
    font-size: 25px;
width: 300px;
  }
  .font60 {
    font-size: 30px;
width: 300px;
  }
  .sstitre {
    margin:50px 0;
    font-size: 25px;
width: 300px;
text-align: center;
  }
  .colwhi {
    font-size: 20px;
width: 300px;
  }
  .bgh2 {
    font-size: 40px;
    width: 300px;
  }
  .containertv{
    width: 300px;
  }
  .cont1{
    align-items: center;
  }
  .contul{
    display: none;
  }
  .maincontainer2{
    height: 900px;
  }
  .mainbg{
    text-align: center;
    height: 500px;
  }
  .bulleup{
    margin-top: 30px;
  }
  .bgw{
    scale:0.7;
    margin-bottom: 30px;
  }
  .segmentation{
    margin-top: 50px;
  }
.col{
  flex-direction: column;
}
.select{
  margin-left: 42px;
}
#front{
  height: 700px;
}
@media only screen and (max-width: 400px) {
.select{
  margin-left:42px
 
}
.texttree{
  margin:0;
}
}
}