section {
    margin: 15px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

.official_cta{
    display: block;
    padding: 5px 30px;
    border-radius: 30px;
    border-width: 4px;
    border-color: gray;
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    color: white;
    font-size:1.1rem;
    font-weight: bold;
    outline: none;
    line-height: 40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
    text-shadow: 1px 1px 2px darkslategray;
    margin: auto;
    text-decoration: none;
    width: 70%;
    text-align: center;
}

@media only screen and  (max-width: 440px) {
    .official_cta{
            display: block;
            padding: 5px 5px;
            border-radius: 30px;
            border-width: 4px;
            border-color: gray;
            background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
            color: white;
            font-size: 0.7rem;
            font-weight: bold;
            outline: none;
            line-height: 40px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
            text-shadow: 1px 1px 2px darkslategray;
            //width: 30%;
            width: 70%;
            text-align: center;
            text-decoration: none;
            margin: auto;
        }
    }