img {

    margin-left: auto; 
    margin-right: auto; 
    display: block;

}

.container {

    position: relative;
    text-align: center;
    color: white;

}

/*--Tela--*/

.text-centered-bottom-tela1 {

    font-size: 40px;
    font-weight: lighter;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.text-centered-bottom-tela2 {

    font-size: 70px;
    font-weight: lighter;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.text-centered-bottom-tela2-img {

    font-size: 70px;
    font-weight: lighter;
    position: absolute;
    top: 40%;
    left: 30%;

    transform: translate(-15%, -50%);
    margin-top: 4%;

}


.text-centered-bottom-tela1 h1 {

    font-size: 30px;
    font-weight: lighter;
    color: white;

}

.text-centered-bottom-tela2 h1 {

    font-size: 30px;
    font-weight: lighter;
    color: white;

}

/*--Octa Core--*/

.text-centered-bottom-octacore {

    font-size: 70px;
    font-weight: lighter;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);

}


.text-centered-bottom-octacore h1 {

    font-size: 30px;
    font-weight: lighter;
    color: white;

}

/*-- Pack --*/

.text-centered-bottom-pack {

    font-size: 70px;
    font-weight: lighter;
    position: absolute;
    top: 45%;
    left: 30%;
    transform: translate(-15%, -50%);

}


.text-centered-bottom-pack h1 {

    font-size: 30px;
    font-weight: lighter;
    color: white;

}

/*-- Camera --*/

.text-centered-bottom-camera {

    font-size: 60px;
    font-weight: lighter;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);

}


.text-centered-bottom-camera h1 {

    font-size: 60px;
    line-height: 10px;
    font-weight: lighter;
    color: white;

}

/*-- Camera --*/

.text-centered-bottom-PD {

    color: grey;
    text-align: left;
    font-size: 17px;
    font-weight: lighter;
    position: absolute;
    top: 30%;
    left: 60%;
    transform: translate(-40%, -10%);


}


.text-centered-bottom-PD h1 {

    font-size: 60px;
    line-height: 10px;
    font-weight: lighter;
    color: grey;

}


/*-- Bottom Description --*/

.text-centered-bottom-BD {

    color: white;
    text-align: left;
    font-size: 14   px;
    font-weight: lighter;
    position: absolute;
    top: 10%;
    left: 10%;

}


.text-centered-bottom-BD h1 {

    font-size: 60px;
    line-height: 10px;
    font-weight: lighter;
    color: grey;

}

@media (max-width: 1380px) {

    .video {

        max-width: 1380px;
        max-height: 776px;
    }

    img {

        margin-left: auto; 
        margin-right: auto; 
        display: block;
    
    }
    
    .container {
    
        position: relative;
        text-align: center;
        color: white;
    
    }
    
    /*--Tela--*/
    
    .text-centered-bottom-tela1 {
    
        font-size: 40px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2 {
    
        font-size: 70px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2-img {
    
        font-size: 70px;
        font-weight: lighter;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-10%, -50%);
    
    }
    
    
    .text-centered-bottom-tela1 h1 {
    
        font-size: 30px;
        margin-top: 8px;
        font-weight: lighter;
        color: white;
    
    }
    
    .text-centered-bottom-tela2 h1 {
    
        font-size: 30px;
        margin-top: 8px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*--Octa Core--*/
    
    .text-centered-bottom-octacore {
    
        font-size: 70px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-octacore h1 {
    
        font-size: 30px;
        margin-top: 8px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Pack --*/
    
    .text-centered-bottom-pack {
    
        font-size: 70px;
        font-weight: lighter;
        position: absolute;
        top: 40%;
        left: 15%;
        transform: translate(-5%, -45%);
    
    }
    
    
    .text-centered-bottom-pack h1 {
    
        font-size: 30px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Camera --*/
    
    .text-centered-bottom-camera {
    
        font-size: 60px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-camera h1 {
    
        font-size: 60px;
        margin-top: 8px;
        line-height: 10px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Camera --*/
    
    .text-centered-bottom-PD {
    
        color: grey;
        text-align: left;
        font-size: 17px;
        font-weight: lighter;
        position: absolute;
        top: 30%;
        left: 60%;
        transform: translate(-40%, -10%);
    
    
    }
    
    
    .text-centered-bottom-PD h1 {
    
        font-size: 60px;
        line-height: 10px;
        font-weight: lighter;
        color: grey;
    
    }
    
    
    /*-- Bottom Description --*/
    
    .text-centered-bottom-BD {
    
        color: white;
        text-align: left;
        font-size: 14   px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 10%;
    
    }
    
    
    .text-centered-bottom-BD h1 {
    
        font-size: 60px;
        line-height: 10px;
        font-weight: lighter;
        color: grey;
    
    }



}

@media (max-width: 1280px) {


    img {

        margin-left: auto; 
        margin-right: auto; 
        display: block;
    
    }
    
    .container {
    
        position: relative;
        text-align: center;
        color: white;
    
    }
    
    /*--Tela--*/
    
    .text-centered-bottom-tela1 {
    
        font-size: 30px;
        font-weight: lighter;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2 {
    
        font-size: 40px;
        font-weight: lighter;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2-img {
    
        font-size: 20px;
        font-weight: lighter;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-10%, -50%);
    
    }
    
    
    .text-centered-bottom-tela1 h1 {
    
        font-size: 20px;
        font-weight: lighter;
        color: white;
    
    }
    
    .text-centered-bottom-tela2 h1 {
    
        font-size: 20px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*--Octa Core--*/
    
    .text-centered-bottom-octacore {
    
        font-size: 40px;
        font-weight: lighter;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-octacore h1 {
    
        font-size: 20px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Pack --*/
    
    .text-centered-bottom-pack {
    
        font-size: 60px;
        font-weight: lighter;
        position: absolute;
        top: 40%;
        left: 15%;
        transform: translate(-5%, -45%);
    
    }
    
    
    .text-centered-bottom-pack h1 {
    
        font-size: 20px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Camera --*/
    
    .text-centered-bottom-camera {
    
        font-size: 40px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-camera h1 {
    
        font-size: 40px;
        line-height: 10px;
        font-weight: lighter;
        color: white;
    
    }
    

    /*-- Product Description --*/
    
    .text-centered-bottom-PD {
    
        color: grey;
        text-align: left;
        font-size: 12px;
        font-weight: lighter;
        position: absolute;
        top: 22%;
        left: 50%;
        transform: translate(-10%, -10%);
    
    
    }
    
    
    .text-centered-bottom-PD h1 {
    
        font-size: 12px;
        line-height: 10px;
        font-weight: lighter;
        color: grey;
    
    }
    
    
    /*-- Bottom Description --*/
    
    

    .text-centered-bottom-BD {
    
        color: white;
        text-align: left;
        font-size: 10px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 10%;
    
    }
    


    br {
        display: block;
        margin-bottom: 2px;
        font-size:2px;
        line-height: 2px;
    }

}

@media (max-width: 820px) {




    img {

        margin-left: auto; 
        margin-right: auto; 
        display: block;
    
    }
    
    .container {
    
        position: relative;
        text-align: center;
        color: white;
    
    }
    
    /*--Tela--*/
    
    .text-centered-bottom-tela1 {
    
        font-size: 20px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2 {
    
        font-size: 25px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2-img {
    
        font-size: 17px;
        font-weight: lighter;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-10%, -50%);
    
    }
    
    
    .text-centered-bottom-tela1 h1 {
    
        font-size: 17px;
        margin-top: 5px;
        font-weight: lighter;
        color: white;
    
    }
    
    .text-centered-bottom-tela2 h1 {
    
        font-size: 17px;
        margin-top: 5px;

        font-weight: lighter;
        color: white;
    
    }
    
    /*--Octa Core--*/
    
    .text-centered-bottom-octacore {
    
        font-size: 25px;
        font-weight: lighter;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-octacore h1 {
    
        font-size: 17px;
        margin-top: -1px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Pack --*/
    
    .text-centered-bottom-pack {
    
        font-size: 60px;
        font-weight: lighter;
        position: absolute;
        top: 40%;
        left: 15%;
        transform: translate(-5%, -45%);
    
    }
    
    
    .text-centered-bottom-pack h1 {
    
        font-size: 20px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Camera --*/
    
    .text-centered-bottom-camera {
    
        font-size: 30px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-camera h1 {
    
        font-size:30px;
        margin-top: 8px;

        line-height: 10px;
        font-weight: lighter;
        color: white;
    
    }
    
    
    /*-- Product Description --*/
    
    .text-centered-bottom-PD {
    
        color: grey;
        text-align: left;
        font-size: 7px;
        font-weight: lighter;
        position: absolute;
        top: 22%;
        left: 50%;
        transform: translate(-10%, -10%);
    
    
    }
    
    
    .text-centered-bottom-PD h1 {
    
        font-size: 10px;
        line-height: 10px;
        font-weight: lighter;
        color: grey;
    
    }
    
    
    /*-- Bottom Description --*/
    
    

    .text-centered-bottom-BD {
    
        color: white;
        text-align: left;
        font-size: 7px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 10%;
    
    }
    


    br {
        display: block;
        margin-bottom: 2px;
        font-size:2px;
        line-height: 2px;
    }



}

@media (max-width: 480px) {




    img {

        margin-left: auto; 
        margin-right: auto; 
        display: block;
    
    }
    
    .container {
    
        position: relative;
        text-align: center;
        color: white;
    
    }
    
    /*--Tela--*/
    
    .text-centered-bottom-tela1 {
    
        font-size: 17px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2 {
    
        font-size: 17px;
        line-height: 1.1;
        font-weight: lighter;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    .text-centered-bottom-tela2-img {
    
        font-size: 13px;
        font-weight: lighter;
        position: absolute;
        top: 45%;
        left: 20%;
        transform: translate(-10%, -50%);
    
    }
    
    
    .text-centered-bottom-tela1 h1 {
    
        font-size: 13px;
        margin-top: 5px;
        font-weight: lighter;
        color: white;
    
    }
    
    .text-centered-bottom-tela2 h1 {
    
        font-size: 13px;
        margin-top: 5px;

        font-weight: lighter;
        color: white;
    
    }
    
    /*--Octa Core--*/
    
    .text-centered-bottom-octacore {
    
        font-size: 17px;
        font-weight: lighter;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-octacore h1 {
    
        font-size: 14px;
        margin-top: -1px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Pack --*/
    
    .text-centered-bottom-pack {
    
        font-size: 60px;
        font-weight: lighter;
        position: absolute;
        top: 40%;
        left: 15%;
        transform: translate(-5%, -45%);
    
    }
    
    
    .text-centered-bottom-pack h1 {
    
        font-size: 20px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Camera --*/
    
    .text-centered-bottom-camera {
    
        font-size: 20px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
    
    }
    
    
    .text-centered-bottom-camera h1 {
    
        font-size:20px;
        margin-top: 8px;
        line-height: 10px;
        font-weight: lighter;
        color: white;
    
    }
    
    /*-- Product Description --*/
    
    .text-centered-bottom-PD {
    
        color: grey;
        text-align: left;
        font-size: 7px;
        font-weight: lighter;
        position: absolute;
        top: 18%;
        left: 50%;
        transform: translate(-10%, -10%);
    
    
    }
    
    
    .text-centered-bottom-PD h1 {
    
        font-size: 10px;
        line-height: 10px;
        font-weight: lighter;
        color: grey;
    
    }
    
    
    /*-- Bottom Description --*/
    
    

    .text-centered-bottom-BD {
    
        color: white;
        text-align: left;
        font-size: 7px;
        font-weight: lighter;
        position: absolute;
        top: 10%;
        left: 10%;
        background-color: black;
    
    }
    


    br {
        display: block;
        margin-bottom: 2px;
        font-size:2px;
        line-height: 2px;
    }



}