/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) {
    #gradiant-BG{
        min-height: 500px;
        background-image: radial-gradient(circle, #FFF , #8ecdee);
    }

    #CTA-title {
        margin-top:30px;
        line-height: 1.5em;
    }
    #CTA-title p{
        margin-top:20px;
        line-height: 2em;
    }
    #CTA-title h5{
        line-height: 1.5em;
    }
    
}













@media only screen and (min-width: 641px) and (max-width:1023px) {
    #gradiant-BG{
        min-height: 500px;
        background-image: radial-gradient(circle, #FFF , #8ecdee);
    }

    #CTA-title {
        margin-top: 50px;
        line-height: 1.5em;
    }
    #CTA-title p{
        margin-top:20px;
        line-height: 2em;
    }
    #CTA-title h5{
        line-height: 1.5em;
    }
} 




@media only screen and (min-width: 1024px) and (max-width:1279px) {
    #gradiant-BG{
        min-height: 200px;
        background-image: radial-gradient(circle, #FFF , #8ecdee);
    }
    #CTA-title {
        margin-top:100px;
        line-height: 1.5em;
        margin-bottom: 100px;
    }
    #CTA-title p{
        margin-top:20px;
        line-height: 2em;
    }
    #CTA-title h5{
        line-height: 1.5em;
    }
} 










/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1280px) {
    #gradiant-BG{
        min-height: 500px;
        background-image: radial-gradient(circle, #FFF , #8ecdee);
    }
    #CTA-title {
        margin-top:30px;
        line-height: 1.5em;
    }
    #CTA-title p{
        margin-top:20px;
        line-height: 2em;
    }
    #CTA-title h5{
        line-height: 1.5em;
    }
    
    
    
    
    
    

}