.portada1{
        width:85%;
        height:800px;
        background-image: url("../img/imagenes sitio web-07.png");
        background-repeat: no-repeat;
        background-size:contain;
        display:flex;
        margin-top:-10rem;
        margin-left:6rem;
    }
    
.multimedia{
        width:60%;
        height:90px;
        margin-top:-15rem;
    }

.what{
        width:75%;
        height:100px;
        margin-left:10%;
        margin-right:10%;
        margin-top:50%;
    }
    
.what1{
        width:80%;
        height:100px;
        border:2px solid white;
        padding:1rem;
    }
    
.biton4 {
        background:#EBF5FB;
        padding: 1rem;
        color:#0C95F4;
        border:3px solid #F39C12;
        border-radius: 30px;
        font-size:14px;
        width:30%;
        height:60%;
        text-align:center;
        margin-left:2rem;
        text-transform:uppercase;
        font-weight:bold;
        box-shadow: 0px 5px 15px 0px rgba(56,56,56,0.5);
    }
    
    .biton4:hover {
        background:#F39C12;
        color:white;
    }
    
.boton2 {
        background:#66CC00;
        color:white;
        border:solid #66CC00;
        border-radius: 30px;
        font-size:16px;
        width:30%;
        height:20%;
        text-align:center;
        font-weight:bold;
    }
    
    #carrusel {
            float:left;
            width:95%;
            overflow:hidden;
            height:100%;
            position:relative;
            margin:20px;
        }
        
        .left-arrow {
            float:left;
            margin-left:-3rem;
            margin-top:11rem;
        }
         
        .right-arrow {
            float:right;
            margin-right:-3rem;
            margin-top:11rem;
        }
         
        .carrusel {
            width:8000px;
            left:0px;
            position:absolute;
            z-index:0;
        }
         
        .carrusel>div {
            float: left;
            height:auto;
            width: 310px;
            text-align:center;
        }
         
        
         
        .product {
            background: #fff;
            border:#fff 1px solid;
            margin-right:3.5rem;
        }
        
        .botonpago{
            background: #EEF2F9;
            padding: 12px 12px;
            color:#fff;
            border-color:#EEF2F9;
            border-radius: 50%;
            font-size:20px;
            width:100%;
            text-align:center;
            text-transform:uppercase;
        }
        
        .todo{
           width: 100%;
           height: 100%; 
           margin-top:0,5em; 
           margin-left:2em;
           
        }
        .uno1{
            width:30%; 
            height: 100%; 
            float:right; 
            
        }
        .dos2{
            width:30%; 
            height: 100%; 
            float:left; 
            
            
        }
        .tres3{
            height:100%; 
              
        }
        
        .verano{
            background: #F7E50D;
            padding:0.5rem;
            color:#F75F0D;
            border:1px solid #F75F0D;
            border-radius: 50%;
            font-size:6px;width:60px;
            height:60px;
            text-align:center; 
            float:right; 
            margin-top:-5rem; 
            margin-right:1px;
            position: fixed;
            bottom: 240px;
            right: 20px;
            transition: all 300ms ease 0ms;
            z-index: 99;
        }
        
        @media (max-width: 768px){
            .portada1{
                width:80%;
                height:200px;
                background-image: url("../img/imagenes sitio web-07.png");
                background-repeat: no-repeat;
                background-size:contain;
                display:flex;
                margin-top:-3rem;
            }
            .multimedia{
                width:80%;
                height:90px;
                margin-top:-5rem;
            }
            .what{
                width:55%;
                height:120px;
                position:absolute;
                margin-left:4%;
                margin-right:4%;
                margin-top:30%;
            }
            .what1{
                width:80%;
                height:100px;
                border:2px solid white;
                padding:1rem;
            }
            .biton4 {
                background:#EBF5FB;
                padding: 0.5rem;
                border:1px solid #F39C12;
                border-radius: 30px;
                font-size:10px;
                width:40%;
                height:80%;
                text-align:center;
                margin-left:1rem;
                text-transform:uppercase;
            }   
            .boton2 {
                background:#66CC00;
                color:white;
                border:solid #66CC00;
                border-radius: 30px;
                font-size:12px;
                width:50%;
                height:25%;
                text-align:center;
                font-weight:bold;
            }
            #carrusel{
                float:left;
                width:95%;
                overflow:hidden;
                height:100%;
                position:relative;
                margin:20px;
            }
            
            .left-arrow {
                float:left;
                margin-left:-3rem;
                margin-top:11rem;
            }
             
            .right-arrow {
                float:right;
                margin-right:-3rem;
                margin-top:11rem;
            }
             
            .carrusel {
                width:8000px;
                left:0px;
                position:absolute;
                z-index:0;
            }
             
            .carrusel>div {
                float: left;
                height:auto;
                width: 310px;
                text-align:center;
            }
             
            
             
            .product {
                background: #fff;
                border:#fff 1px solid;
                margin-right:3.5rem;
            }
            
            .botonpago{
                background: #EEF2F9;
                padding: 12px 12px;
                color:#fff;
                border-color:#EEF2F9;
                border-radius: 50%;
                font-size:20px;
                width:100%;
                text-align:center;
                text-transform:uppercase;
            }
            
            .verano{
                background: #F7E50D;
                padding:0.5rem;
                color:#F75F0D;
                border:1px solid #F75F0D;
                border-radius: 50%;
                font-size:6px;width:60px;
                height:60px;
                text-align:center; 
                float:right; 
                margin-top:-20rem; 
                margin-right:1px;
                position: fixed;
                bottom: 240px;
                right: 20px;
                transition: all 300ms ease 0ms;
                z-index: 99;
            }
        }