/* Add here all your CSS customizations */

/*Responsive image*/

/* Keep images from scaling beyond the width of their parents.*/
@media only screen and (max-width: 600px) {
    .section-video {
        display: none;
    }
    .section-no-video {
        display: block;
    }

    .img-fluid-70 {
        /* Part 1: Set a maximum relative to the parent*/
        max-width: 25%;
        width: 25%;
        /* Part 2: Override the height to auto, otherwise images will be stretched
         when setting a width and height attribute on the img element.*/
        height: auto;
    }
}
@media only screen and (min-width: 600px) {
    .section-video {
        display: block;
    }
    .section-no-video {
        display: none;
    }

    .img-fluid-70 {
        /* Part 1: Set a maximum relative to the parent*/
        max-width: 12%;
        width: 12%;
        /* Part 2: Override the height to auto, otherwise images will be stretched
         when setting a width and height attribute on the img element.*/
        height: auto;
    }
}

.img-fluid-80 {
/* Part 1: Set a maximum relative to the parent*/
max-width: 20%;
    width: 20%;
/* Part 2: Override the height to auto, otherwise images will be stretched
 when setting a width and height attribute on the img element.*/
height: auto;
}

.text-1 {
    font-size: 12.8px !important;
    font-size: .9em !important;
}

html .btn-black{
    border:2px solid ;
}