@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.login-block{
    background: #006eb6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #62abdb, #006eb6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #62abd, #006eb6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
float:left;
width:100%;
padding : 2rem 0 5rem 0;
}
body {height:100vh;}
h1 {font-size: 2.5rem;}
h2 {font-size: 2.25rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.75rem;}
h5 {font-size: 1.5rem;}
h6 {font-size: 1.25rem;}
p {font-size: 1rem;}
@media (max-width: 480px) {
    html {
        font-size: 12px;
    }
}
@media (min-width: 480px) {
    html {
        font-size: 13px;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    html {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    html {
        font-size: 16px;
    }
}
.logo {background:#fff;display:block;text-align:center;width:65px;margin:0 auto;}
.banner-sec{background:url(/images/ozanam_phone_01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
object-fit: cover;
overflow: hidden;
border-radius: 0 1rem 1rem 0; padding:0;}
.container{background:#fff; border-radius: 1rem; box-shadow:1rem 1rem 0px rgba(0,0,0,0.1);}
.carousel-inner{border-radius:0 1rem 1rem 0;}
.carousel-caption{text-align:left; left:5%;}
.login-sec{padding: 2rem 3rem; position:relative;}
.copy-text{text-align:center;margin:3rem 0 0 0;font-size:0.5rem;text-transform:uppercase; text-shadow: 0 1px rgba(255, 255, 255, 0.1);}
.copy-text i{color:#006eb6;}
.copy-text a{color:#006eb6;}
.login-sec h2{margin-bottom:2rem; font-weight:800; color: #006eb6;}
.btn-login{background: #006eb6; color:#fff; font-weight:600;}
.responsive{width:100%;height:auto;}
.banner-text{width:80%; position:absolute; bottom:4rem; padding-left:2rem;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text p{color:#fff;}
.carousel-item div div {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; padding:1rem 2rem; background-image: linear-gradient(to bottom, rgba(0,110,182,0.5), rgba(0,0,0,0.7));}