@font-face {

    font-family: "Saans-Regular-1";
    src: url("./fonts/Saans-Regular-1.woff") format('woff'), url("./fonts/Saans-Regular-1.woff2") format('woff2');
    font-weight: 400;
    font-style :normal;

}

html, body {

    background-color: #5C2120;
    font-family: "Saans-Regular-1";
    font-size: 12px;

}

.custom-100h {

    height: 100vh;

}

svg {

    color: #F1E4D0;

}

.logo-intviction {

    width: 112px;

}

.logo-illusiona {

    width: 60px;

}

.customvideo-wrapper {

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;

}

.customvideo-wrapper .customvideo-video {

    position: absolute;
    width: 98vw;
    height: 98%;
    margin-top: 1%;
    margin-bottom: 1%;

}

    .customvideo-wrapper .customvideo-video video {

        width: 98vw;
        height: 100%;

        object-fit: cover;
        position: absolute;
    
        border-radius: 100px;

    }

.customvideo-wrapper .customvideo-texto {

    text-align: center;

    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    color: #F1E4D0;

    height: 100%;

}

    .customvideo-wrapper .customvideo-texto .container-fluid {

        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }

    .customvideo-wrapper .customvideo-texto .contact-us {

        font-size: 3rem;
        color: #F1E4D0;
        text-decoration: underline;
        line-height: 1;

    }

    .customvideo-wrapper .customvideo-texto h1,
    .customvideo-wrapper .customvideo-texto .d-h1 {

        font-size: 7rem;
        font-weight: 300;
        line-height: 0.75;

    }

    .customvideo-wrapper .customvideo-texto h2,
    .customvideo-wrapper .customvideo-texto .d-h2 {

        font-size: 5.85rem;
        font-weight: 300;
        line-height: 1;

    }

    .customvideo-wrapper .customvideo-texto .d-h1 {

        font-size: 6.75rem;

    }

    .customvideo-wrapper .customvideo-texto .d-h2 {

        line-height: 0.75;

    }

.customvideo-wrapper .customvideo-texto .custom-logo-wrapper {

    padding-top: 3rem !important;

}

.customvideo-wrapper .customvideo-texto .custom-content-wrapper {

    width: 300px;

    padding-bottom: 3rem !important;

}

.separador {

    margin-left: 0.25rem;
    margin-right: 0.25rem;
    display: inline-block;

}


@media ( max-width: 575px ) {    

    @media ( max-height: 599px ) {

        .custom-100h {

            height: 100%;

        }
		
		.customvideo-wrapper .customvideo-texto .d-h2 .text-mid {

            line-height: 0.5!important;

        }

    }

}

@media ( max-height: 599px ) {

    .custom-100h {

        height: 100%;

    }

    .customvideo-wrapper {

        min-height: 100%;

    }

    .customvideo-wrapper .customvideo-texto .custom-logo-wrapper {

        padding-top: 1rem !important;

    }

    .customvideo-wrapper .customvideo-texto .custom-content-wrapper {

        padding-bottom: 1rem !important;

    }

}

@media ( min-width: 768px ) {

    html, body {

        font-size: 14px;

    }

    .customvideo-wrapper .customvideo-texto .custom-content-wrapper {

        width: 750px;

    }

}

@media ( min-width: 1200px ) {
	  
    html, body {

        font-size: 16px;

    }

    .logo-intviction {

        width: 195px;

    }

    .logo-illusiona {

        width: 85px;

    }

    .customvideo-wrapper .customvideo-video video {

        border-radius: 175px;

    }

    .customvideo-wrapper .customvideo-texto h2 { 

        line-height: 0.85;

    }

}

@media ( max-height: 851px ) {
.eseuvege{width:500px; height:auto;}
}

@media ( max-height: 650px ) {
.eseuvege{width:400px; height:auto;}
}