body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif !important;
}

.content {
    text-align: center;
    margin: 80px 0;
}

    .content .Logo img {
        width: 120px;
        height: auto;
    }

.about {
    padding: 20px;
    width: 70%;
    margin: auto;
    margin-top: 30px;
    /*box-shadow: 1px 3px 10px #DDD;*/
}

    .about .topic-block-title h2 {
        font-size: 30px;
        font-weight: bolder;
    }

    .about p {
        color: #444;
    }

.content .getourApp {
    margin-top: 30px;
}

    .content .getourApp a {
        text-decoration: none;
        outline: none;
    }

        .content .getourApp a img {
            width: 180px;
            margin-right: 20px;
        }

            .content .getourApp a img:hover {
                opacity: 0.8;
            }


@media only screen and (max-width: 600px) {
    .about {
        padding: 10px;
        width: 90%;
    }

    .content .getourApp a img {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    .about {
        padding: 10px;
        width: 90%;
    }

    .content .getourApp a img {
        margin-right: 10px;
    }
}