/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body {
        font-size: 15px;
    }
    .display-1 {
        font-size: 4rem;
    }
    .myFooter h3{
        border-top:.01em dashed #305077;
        padding-top:20px;
    }
    .img300{
        max-width:100%;!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
    .myH1{
        font-size: 10px!important;
        font-weight: 400!important;
        line-height: 1.2!important;
        text-align: center!important;
    }
}