@media screen and (max-width: 900px){
     .content .container-double,
     .content .container-triple{
          display: block;
     }
     .content .container-double .content-double,
     .content .container-triple .content-triple{
          width: 100%;
     }
}
@media screen and (min-width: 0px) and (max-width: 1119px){
     header{
          position: fixed;
          top: 0;
          z-index: 8;
     }
     header .btn-menu-mobile{
          display: flex;
     }

     .top-menu{
          display: none;
     }

     .slide-previous{
          margin-left: 5px;
     }
     .slide-next{
          margin-right: 5px;
     }

     .slide h1{
          font-size: 20px;
          margin-left: 17px;
          width: 100%;
     }

     .content .container{
          margin-left: 5%;
          width: 90%;
     }

     .menu-mobile{
          display: block;
     }
}
@media screen and (min-width: 40em){
     header .btn-menu-mobile{
          width: 8%;
     }
}
@media screen and (max-width: 1120px){
     header{
          height: 64px;
     }
     header .logo-gen{
          height: 44px;
     }

     .slide-previous{
          margin-left: 5px;
     }
     .slide-next{
          margin-right: 5px;
     }
}