/* mobile responsive specific / overrides */
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
    #navigation .navbar-header .navbar-brand h3
    {
        font-size:1.1rem;
    }

    #footer-contact-inaccuracy-notice
    {
        font-size:0.75rem;
        padding-bottom: 2px;
        margin-top: -8px;
    }

    .card.code-card {
        margin-left: 4px;
        width: 98%;
    }

    .card.image-card {
        margin-left: 2px;
        margin-right: 4px;
    }

    .main-blog-selectpicker {
        margin-top: 12px;
    }   
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
    #navigation .navbar-header .navbar-brand h3
    {
        font-size:1.1rem;
    }

    #footer-contact-inaccuracy-notice
    {
        font-size:0.75rem;
        padding-bottom: 2px;
        margin-top: -8px;
    }

    .card.code-card {
        margin-left: 4px;
        width: 98%;
    }

    .card.image-card {
        margin-left: 2px;
        margin-right: 4px;
    }

    .main-blog-selectpicker {
        margin-top: 12px;
    }   
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
    #navigation .navbar-header .navbar-brand h3
    {
        font-size:1.1rem;
    }

    #footer-contact-inaccuracy-notice
    {
        font-size:0.75rem;
        padding-bottom: 2px;
        margin-top: -8px;
    }

    .card.code-card {
        margin-left: 4px;
        width: 98%;
    }

    .card.image-card {
        margin-left: 2px;
        margin-right: 4px;
    }

    .main-blog-selectpicker {
        margin-top: 12px;
    }   
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
    #navigation .navbar-header .navbar-brand h3
    {
        font-size:1.1rem;
    }

    #footer-contact-inaccuracy-notice
    {
        font-size:0.75rem;
        padding-bottom: 2px;
        margin-top: -8px;
    }

    .card.code-card {
        margin-left: 4px;
        width: 98%;
    }

    .card.image-card {
        margin-left: 2px;
        margin-right: 4px;
    }

    .main-blog-selectpicker {
        margin-top: 12px;
    }   
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
    #navigation .navbar-header .navbar-brand h3
    {
        font-size:1.1rem;
    }

    #footer-contact-inaccuracy-notice
    {
        font-size:0.75rem;
        padding-bottom: 2px;
        margin-top: -8px;
    }

    .card.code-card {
        margin-left: 4px;
        width: 98%;
    }

    .card.image-card {
        margin-left: 2px;
        margin-right: 4px;
    }

    .main-blog-selectpicker {
        margin-top: 12px;
    }   
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
    #navigation .navbar-header .navbar-brand h3
    {
        font-size:1.1rem;
    }

    #footer-contact-inaccuracy-notice
    {
        font-size:0.75rem;
        padding-bottom: 2px;
        margin-top: -8px;
    }

    .card.code-card {
        margin-left: 4px;
        width: 98%;
    }

    .card.image-card {
        margin-left: 2px;
        margin-right: 4px;
    }

    .main-blog-selectpicker {
        margin-top: 12px;
    }   
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */

}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */

}