@font-face {
    font-family: 'OgiremaBold';
    src: url('fonts/OgiremaBold.ttf');
}

@font-face {
    font-family: 'Karla-Regular';
    src: url('fonts/Karla-Regular.ttf');
}

@font-face {
    font-family: 'Karla-Bold';
    src: url('fonts/Karla-Bold.ttf');
}

body {
    font-family: 'Karla-Regular';
    background-image: url('../images/Desktop/bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

p {
    font-size: 20px;
    line-height: 35px;
}
.image-container{
    content: " ";
    height: 100vh;
}
.home-top{
    background-image: url('../images/Desktop/top-bg.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}
h1{
    font-family: 'OgiremaBold';
    color: white;
    font-size: 120px;
}
h2{
    font-family: 'OgiremaBold';
    color: white;
    font-size: 50px;
}

.btn{
    font-family: 'Karla-Bold';
    border-radius: 20px;
    font-size: 20px;
}
@media (max-width: 991px){
    h1{
        font-size: 60px;
    }
    h2{
        font-size: 30px;
    }
    .image-container{
        height: 50vh;
    }
    .btn{
        font-size: 18px;
    }
    p {
        font-size: 18px;
        line-height: 35px;
    }
}

.connect-form {
    margin-top: 30px;
}

.connect-form input[type=text], .connect-form input[type=email] {
    border: 0;
    border-bottom: 1px solid white;
    background: transparent;
    color: white;
    padding: 15px 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.connect-form .form-control:focus {
    box-shadow: none;
}

.connect-form ::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

.connect-form ::-ms-input-placeholder { /* Edge 12 -18 */
    color: white;
}