* {
    box-sizing: border-box; /*Calcula el ancho y alto total de un elemento. */
    /*margin: 2px;*/
    padding: 0;
    margin: 0;
} 

body {
    font-family: 'Arima Madurai', cursive;
    overflow: hidden;
    display: block;
    /*padding: 100px 300px 100px 300px; */
} 

.bg-img { /* images/fondo.jpeg */
    /*background: url("assets/images/gallery/fondo.jpeg") no-repeat center/cover; */
    background: url("../images/gallery/fondo.jpeg") no-repeat center/cover;
    min-height: 380px;
    background-attachment: fixed;
    background-position: center center;
    object-fit: cover; 
    backdrop-filter: blur(5px); 
} 

.contcenter {
    padding: 100px 0px 100px 0px;
}

.card-style {
    width: 260px ;
}

.card-size {
    width: 400px;
}

.formstyle {
    width: 350px !important;
} 

.form-elem { /*Elementos div*/
    width: 140px; 
} 

.padcont {
    padding-top: 150px;
    padding-bottom: 150px;
    align-items: center;
}

.btn_card {
    width: 250px; 
    justify-content: center;
}

.btn_size {
    width: 150px;
    background-color: #005841;
}

.btn_size:hover {
    background-color: #6B9E84;
}

.padcard {
    margin: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.imagsize {
    width: 180px;
    height: auto; 
}



/* Media */
@media (max-width: 500.98px) {
    body { 
        padding: 90px 100px 90px 100px !important; /*top, rigth, bottom, left*/
        /*width: 100%;*/
    } 

    .contcenter {
        padding: 40px 0px 10px 0px !important;
    }

    .card-size {
        width: 200px !important;
    }

    .form-elem { /*Elementos div*/ 
        width: 150px !important; 
    } 

    .formstyle {
        width: 100px !important;
    } 

    .inputsize { 
        width: 80px !important;
        padding-left: 15px;
    }
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    
    body { 
        padding: 90px 100px 90px 100px !important; /*top, rigth, bottom, left*/
        /*width: 100%;*/
    } 

    .contcenter {
        padding: 20px 0px 10px 0px !important;
    }

    .card-size {
        width: 300px !important;
    }

    .form-elem { /*Elementos div*/ 
        width: 270px !important; 
    } 

    .formstyle {
        width: 250px !important;
    } 

    .inputsize { 
        width: 215px !important;
        padding-left: 15px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
     
    body { 
        padding: 100px 0px 100px 0px;
    } 

    .contcenter {
        padding: 135px 0px 135px 0px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    .contcenter {
        padding: 40px 200px 40px 100px;
    }

    .card-size {
        width: 400px;
    }

    .form-elem { /*Elementos div*/ 
        width: 350px; 
    } 

    .formstyle {
        width: 320px !important;
    } 
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
     
    body { 
        padding: 100px 0px 100px 0px; 
    } 
    
    .contcenter {
        padding: 40px 200px 40px 100px; 
    }

    .card-size {
        width: 400px;
    }

    .form-elem { /*Elementos div*/ 
        width: 350px; 
    } 

    .formstyle {
        width: 320px !important;
    } 
}