@media (max-width: 575.98px) {
    .container-fluid{
     padding: 0px;
    }

    .jumbotron {
    background: none;
    text-align: center;
    padding: 3rem;
    }

    #jumbo-header {
    font-family: 'Montserrat Black 900', sans-serif;
    font-size: 3rem;
    text-align: center;

    }

    #jumbotron-lead{
    font-family: 'Domine Bold 700', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .container-fluid{
     padding: 0px;
    }

    .container {
         max-width: 100%;
    }

    .jumbotron {
    background: none;
    text-align: center;
    }

    #jumbo-header {
    font-family: 'Montserrat Black 900', sans-serif;
    font-size: 4rem;
    text-align: center;
    }

    #jumbotron-lead{
    font-family: 'Domine Bold 700', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    }

}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
    .container-fluid {
     padding: 0px;
    }

    .jumbotron {
    background: none;
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
    }

    #jumbo-header {
    font-family: 'Montserrat Black 900', sans-serif;
    font-size: 4.25rem;
    text-align: center;
    }

    #jumbotron-lead {
    font-family: 'Domine Bold 700', sans-serif;
    font-size: 1.5rem;
    text-align: center;

    }


}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container-fluid {
     padding: 0px;
    }

    .jumbotron {
    background: none;
    text-align: center;
    padding-top: 10rem;
    padding-bottom: 10rem;
    }

    #jumbo-header {
    font-family: 'Montserrat Black 900', sans-serif;
    font-size: 5.5rem;
    text-align: center;
    }

    #jumbotron-lead {
    font-family: 'Domine Bold 700', sans-serif;
    font-size: 2rem;
    text-align: center;
    padding-left: 6rem;
    }

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .container-fluid {
        padding: 0px;
    }


    .jumbotron {
    background: none;
    padding-top: 15rem;
    padding-bottom: 15rem;
    max-width: 100%;
    }


    #jumbo-header {
    font-family: 'Montserrat Black 900', sans-serif;
    font-size: 6rem;
    text-align: center;
    max-width: 100%;
    }

    #jumbotron-lead {
    font-family: 'Domine Bold 700', sans-serif;
    font-size: 2.25rem;
    text-align: center;
    padding-left: 1.5rem;
    max-width: 100%;
    }


}

.index-body {
    background:#1ec18b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAFVBMVEUAAAAcvowcxowcuoQcvoQcwowctoS7oIpKAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAxNJREFUOI0Nk02WrCAMhdkCUjBXWucYw7zaV84jlcyRDvtfwmPMOeH+fNf0/ANcJOVWeS68sCupr2qN5FmvtLbSJENtKXvyNbrdFNV0Tj8W1tgdsC/1/SycrOEll3DQsRGoc+GHi9/TtxSzgoawVv0NyUXby16Sra6iYcILSs6L+v282T+cV8qpmNauLa4xgU+tpIpFQo53QFPQT90KN7Bqy2/5UK/kNBvmu6TibI5qbWInU8jcEE1Yu3YLDPTGipp8e/ai02YCTP/IecXi0FrvrT8OhcQG0LsWSyk/a7Tgaw5JC4ThvJShyXuhn+wFTs0FRDc0DY6N8VwFOdFX+dleGXctRi/6Rr9xiOv4mwVWQjn+1GxXsphSo0AOtIwGPusnOzYrQxFp/Fc0XPNyrle6EaqYc9gTQUW/5PloNb3K3R2uxnblzI+d20eIef/47D7k7MiKUUr4ZJAArR+2A6dkg4n1jrKF9nZ1J75cHRIsJTVOAoaAXx9IZnIBi019/lvMkz8BG6DShpDknggi7uFr7iTgXxusQe+KGcD3WkXYjBZdaXwACs3eXytcxV/YTCgewnB9hjTy1NgUnXo/VDXm+IY8sMn829m5xPN4MlwunXyZwDsnCR8f7zycsPGVaswB/OpknilsXrpAD2bkDfRKRWs6mCi1KGn2izOJGdlvs9v18PwuCucRd1cNFhTbMmG//F2AnrNpXstsxj2ERtLSAIF2JFxQfR+IblW6t0JkX4lwfgTjuE4mvkNrIJ265Nz+qNZNQ+n/TKiYhH/gTFP5jaC9gd/37MzbqRuhJc79lHkRcUHdmJnZJKltngLP97JPIP7jHXE2tggMyVTTe/OJ7rnBtK6MpjLeoEMGDVhqKLfCPw1NDNi7Ebjcx0b7NhRAK1H6YgLaEddofcGBc137NwnZjiYr93E5Z02Ug//s1yMvD6eB9oTGcwzd/2pmbm3wZqfZtKAyh08jZGib1J4GNJ0GDItKe1ntXad2HQ92DPR8acAQLfN8jplrqj0A8WguiMl7QPJ+WCEX7982Nffok47/2lMUgE5TbfIAAAAASUVORK5CYII=);
    /*background-color: #1FC58E;*/
}

.container-fluid {
    padding: 0px;
}

.navbar {
    background-color: #191414;
}

.navbar-brand {
    color: #1FC58E;
    font-family: 'Montserrat Black 900', sans-serif;
}

.navbar-brand:hover {
    color: #FAE62D;
}

.nav-link {
    color: #1FC58E;
    font-family: 'Montserrat Black 900', sans-serif;
}

.nav-item:hover .nav-link {
    color: #FAE62D;
}

/* Set the border color to the desired color */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(31,197,142, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



#index-letstalk{
    font-family: 'Domine Bold 700', sans-serif;
    background: #FAE62D;
    font-weight: bold
}


.about-block {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}

h2 {
    color: #1FC58E;
    font-family: 'Montserrat Black 900', sans-serif;
    text-align: center;


}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.lakshay-photo {
    padding: 5%;
}

p {
    font-family: 'Domine Bold 700', sans-serif;
    font-size: 1.25rem;
}

.social-link {
    color: #1FC58E;
    font-size: 2rem;
    margin: 1rem;
}

.social-link:hover {
    color: #FAE62D;

}

.normal-body {
    background:#fafafa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEUAAAD8+vzs7uz8/vz07uz08vT09vTs6uyuoAKrAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA15JREFUOI0Nk0F2rCoABdkCEHCMBB1rtzBO+v3OWAkwBhsZA0G3/3sFt06dukAx5cw8Jv8yeTxqvh//yYrqChAmRyhZ/Knyw8QJDVZ6j9KAboPFx/HzftgN247RzPdKRwIcQei6nRIxKqHDEM/ZkqVqELZejTjkYiovStcoosm30IOpJU1IiBkKr+inF4zh7BcFfr09kb/4a2VUpW5XyzlANP0B/MRHVnibx77btxSl5LK9PAL21qGBP90AT8oSDG1fMoNZAVx20m8tiDrsHY9kmu9LghKCAeK1eQX3mFs/IYxThhspAsgNMoY8Jx7VWavthz3F2H0LcKfrZPmR4+NkX+TthcwGGVsBmpJYyGosnH9cnZlilou/noCNaFeY9EKGBZGgYFzDbqAFgnBt7GqgCOel0QrDmJr++gQX2W3XT6tCj+j0dpZGA/WcgZyvPxMc40jVKnrk2s9dx5wAmdYPuvq+R0MRkLerfr689hxwazFea+q7D/K98ZKM67tpCeCV49u8UXRNaD0Il/NKF5QZ2BkiMijPf7RvTwsTRvN1zAdo85rt1MUmpolP7YO66mp6U0Eve0dg9uRzGNVMzuleCBICpEKnrtDFfPoAbwKP8CT77xVBF79xSYcw+bVx8WpHkvBhBAdDd7uGYUWRsbW33Wwm0jz8bwJmINMp3aR77SEmRRclLHlrbzKf2CoIB6KqGG+iGn+2GICTd8g3uOvTjS2n+BMs/zPmG0ho+gY3Lcz4Cy1r5obcaK4bKANLdKaHd0nR4HqLnv0+uAFAGaMUwVMO18MecK3nrBotIJPG9z55DFWUbQitMOOqhgD+ON6KXLEjTdcw0aDrlcgGhviMSzgTtkLsV9srLHHVXoPB9U2gITf5eIdgWTpWXpYgAJmJvM2omd9FhMcz8tgzeJz7O59DrddIMxl1IWYJkU6llAzgGZ17CIwOhT39+O3IOaeYDtBTyMQ/+fiCZ9rOThP67FTVBRwTH+X7D/TcHssy06FCLq/3xlHHck3s6k1AiU1s+rpR+04ING9Xn08iznq3mGx9VPmxzxeY/oZ80Dh0Qcunl1F8rdkF6QFidSPMbJV/2xqIMjSeipoIjl+P9NC//Itei95YLQKZYZtBW/qvzXERDpig+QcvghdcBf0f8dgspO6V6s0AAAAASUVORK5CYII=);
}


.now-header {
    text-align: center;
    margin: 3rem;
}

.list-group {
    margin: 4rem;

}

.list-group-item {
    text-align: center;
}

.aqi-form {
    text-align: center;
    margin: 4rem;
}

.aqi-header {
    text-align: center;
    margin: 4rem;
    font-family: 'Montserrat Black 900', sans-serif;
    color:  #1FC58E;
    font-weight: bold;
}

#city-aqi-container {
    text-align: center;
}

#aqi-check-button {
    margin: 1rem;
}

.widget-div {
    text-align: center;
}