/* Media Queries */

/* Mobile devices */
@media only screen and (max-width: 480px) {
    #jcweb-navbar, #jcweb-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobile {
        display: flex;
    }

    .d-flex.mobile-hidden, .mobile-hidden {
        display: none!important;
    }

    #jcweb-home-img-card {
        top: 15%;
        background-color: rgba(255,255,255,0);
    }

    #jcweb-hm-img-info {
        z-index: 100;
        bottom: 5%;
        right: 5%;
        padding: 10px 15px;
    }

    .mobile-layout {
        display: block;
    }

    .mobile-layout > .col-3, .mobile-layout > .col-6 {
        width: 100%;
    }
}

@media (min-width: 480px) {
    .mobile {
        display: none;
    }

    .d-flex.mobile-hidden, .mobile-hidden {
        display: flex !important;
    }

    #jcweb-home-img-card {
        top: 15%;
        left: 35%;
        background-color: rgba(255,255,255,0);
    }

    #jcweb-navbar, #jcweb-footer {
        padding-left: 50px;
        padding-right: 50px;
    }

    #jcweb-hm-img-info {
        z-index: 100;
        bottom: 5%;
        right: 5%;
        padding: 15px 20px;
    }
}

/* Media Queries */

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/*----------Site----------*/

.flt-left {
    float: left;
}

.flt-right {
    float: right;
}

.row > .accordion {
    margin-bottom: 25px;
}

.jcweb-accordion-body {
    background-color: #f2f2f2;
    overflow: auto;
}

/*----------Site----------*/

/*----------Home----------*/
#jcweb-hm-img {
    width: -webkit-fill-available;
}

.jcweb-home-btn {
    min-width: 45%;
}

/*----------Home----------*/

/*---------Resume---------*/

.jcweb-accordion-button {
    background-color: #e6e6e6 !important;
}

/*---------Resume---------*/