html {
    font-family: "Arial";
}

body {
    background-size: cover; background: linear-gradient(180deg, rgba(8,215,241,0.7) 0%, rgba(172,248,255,0.5) 60%, rgba(239,238,188,0) 100%) no-repeat center center;
}

.h1, h1 {
    font-size: 1.3em !important;
    font-family: 'Lucida Grande'
}

.h2, h2 {
    font-size: 2em !important;
    font-weight: bold;
}

.h3, h3 {
    font-size: 1.25em !important;
    font-weight: bold;
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('fonts/LucidaGrande-Bold.eot');
    src: url('fonts/LucidaGrande-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/LucidaGrande-Bold.woff2') format('woff2'),
    url('fonts/LucidaGrande-Bold.woff') format('woff'),
    url('fonts/LucidaGrande-Bold.ttf') format('truetype'),
    url('fonts/LucidaGrande-Bold.svg#LucidaGrande-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.container {
    padding-bottom: 40px;
}

#header {
    margin-top: 30px;
}

#logo {
    height: 30px;
}

#title {
    margin-top: 30px;
}

#subtitle {
    margin-top: 16px;
    font-size: 1em;
}

#download {
    margin-top: 30px;
    height: 50px;
}

#download_ios {
    margin-left: 10px;
}

#skyline {
    padding-right: 10px;
}

#prayer_times {
    margin-top: 60px;
}

.today_prayer {
    padding-top: 16px;
    padding-bottom: 16px;
}

.today_prayer_name {
    font-weight: bold;
    font-size: 0.55rem;
}

.today_prayer_times {
    font-weight: bold;
    font-size: 0.95rem;
}

.table-condensed {
    font-size: 0.65rem;
}

td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

button.ap-input-icon.ap-icon-pin {
    display: none;
}

#socialnetworks {
    margin-top: 30px;
}

.social {
    font-size: 1.8em;
}

.facebook {
    color: #4267B2;
}

.twitter {
    color: #1DA1F2;
    margin-left: 10px;
}

#address-input {
    height: 60px;
}

#prayer_times_title {
    margin-bottom: 5px
}

#prayer_times_month {
    margin-top: 16px;
}

#prayer_times_day {
    margin-top: 16px;
}

#content_card {
    margin-top: 60px;
}

@media (min-width: 576px) {
    .h1, h1 {
        font-size: 2em !important;
        /*font-weight: bold;*/
    }

    .h2, h2 {
        font-size: 3em !important;
        font-weight: bold;
    }

    .h3, h3 {
        font-size: 2em !important;
    }

    #header {
        margin-top: 60px;
    }

    #logo {
        height: 50px;
    }

    #title {
        margin-top: 60px;
    }

    #subtitle {
        font-size: 1.5em;
    }

    #download {
        margin-top: 60px;
    }

    .today_prayer_name {
        font-weight: bold;
        font-size: 0.875rem;
    }

    .today_prayer_times {
        font-weight: bold;
        font-size: 1.625rem;
    }

    .table-condensed {
        font-size: 1rem;
    }
}