@media only screen and (max-width:768px){
    .sticky-container a{
        padding:12px;
        font-size:15px
    }
    nav ul{
        background-color:rgba(255,255,255,.8)
    }
    header .navbar-brand{
        padding-left:1rem
    }
    .bd-example .carousel-item{
        height:50vh
    }
    .bd-example .carousel-item img{
        height:50vh
    }
    #courses .row:last-child #masterdesign{
        margin-left:auto!important
    }
    #courses .row:last-child #shortterm{
        margin-right:auto!important
    }
    .photo-gallery h2{
        margin-bottom:25px;
        padding-top:25px;
        font-size:24px
    }
}
@media only screen and (max-width:435px){
    
    .sticky-container a{
        padding:8px;
        font-size:10px
    }
    #main-nav ul{
        background-color:rgba(255,255,255,.8)
    }
    .bd-example .carousel-item{
        height:50vh
    }
    .bd-example .carousel-item img{
        height:50vh
    }
    #whyidi img{
        width:100%
    }
    #courses .row:last-child #masterdesign{
        margin-left:auto!important;
        margin-right:auto!important
    }
    #courses .row:last-child #shortterm{
        margin-left:auto!important;
        margin-right:auto!important
    }
    footer .row .col-md-2{
        margin-top:8vmin
    }
}
@media only screen and (max-width:320px){

    .sticky-container a{
        padding:8px;
        font-size:10px
    }
    nav ul{
        background-color:rgba(255,255,255,.8)
    }
    nav{
        height:150px
    }
    .bd-example .carousel-item{
        height:50vh
    }
    .bd-example .carousel-item img{
        height:50vh
    }
    #whyidi img{
        width:100%
    }
    #courses .row:last-child #masterdesign{
        margin-left:auto!important;
        margin-right:auto!important
    }
    #courses .row:last-child #shortterm{
        margin-left:auto!important;
        margin-right:auto!important
    }
    #portfolio h1{
        font-size:1.75rem
    }
    #coaching h1{
        font-size:1.75rem
    }
    #courses .card{
        margin-left:auto!important;
        margin-right:auto!important
    }
    #courses h1{
        font-size:1.75rem
    }
    #experts h1{
        font-size:1.75rem
    }
}