/* Basic navbar styling 
JOTA JOTI Electronics */
* {
    margin: 0;
    padding: 0;
}

.row {
    display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
    flex: 50%;
    padding: 10px;
}

.heading-resize {
    text-align: center;
}

.text-resize {
    margin-left: 5%;
}

/* video link */
.thumb_nail {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.indented {
    padding-left: 10pt;
    padding-right: 10pt;
}

.responsive_video_image {
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.responsive_image {
    width: 50%;
    height: auto;
    margin-left: 20%;
    margin-right: auto;
}

.centre_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.text-heading {
    font-size: 30px;
}

/* Container holding the header_images and the text */
.container {
    position: relative;
    text-align: center;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 28px;
    left: 20px;
    text-align: center;
    color: yellow;
}

/* Desktop over 1200 */
@media (min-width:1200px) {
    .heading-resize {
        font-size: 30px;
    }

    .text-resize {
        font-size: 20px;
    }
}

/* Desktop menu */
@media (min-width:992px) and (max-width:1199px){
    .heading-resize {
        font-size: 30px;
    }

    .text-resize {
        font-size: 15px;
    }
}

/* Tablet menu */
@media (min-width:768px) and (max-width:991px) {
    .heading-resize {
        font-size: 25px;
    }

    .text-resize {
        font-size: 15px;
    }

    .text-heading {
        font-size: 25px;
    }
}

/* Submenu up from mobile screens */
@media (min-width:500px) and (max-width:767px) {
    .heading-resize {
        font-size: 25px;
    }

    .text-resize {
        font-size: 12px;
    }

    .text-heading {
        font-size: 20px;
    }

    /* Bottom left text */
    .bottom-left {
        position: absolute;
        bottom: 10px;
        left: 10px;
        text-align: center;
        color: yellow;
    }
}

/* Mobile menu navbar */
@media (min-width:300px) and (max-width:500px) {
    .heading-resize {
        font-size: 22px;
    }

    .text-resize {
        font-size: 10px;
    }

    .text-heading {
        font-size: 15px;
    }

    /* Bottom left text */
    .bottom-left {
        position: absolute;
        bottom: 10px;
        left: 10px;
        text-align: center;
        color: yellow;
    }
}
}