* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background: rgb(238, 231, 231);
    font-family: 'Nunito';
    color: white;
}

@media only screen and (max-width: 780px) {

    #row-login {
        background: #E41010;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 5px 5px 5px black;
        margin-top: 100px;
    }

    #row-register {
        background: #E41010;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 5px 5px 5px black;
        margin-top: 100px;
        padding: 80px;
    }


    img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 100%;
    }

    .btn1 {
        border: none;
        outline: none;
        height: 30px;
        width: 100%;
        background-color: white;
        color: red;
        border-radius: 10px;
        font-weight: bold;
    }

    .btn1:hover {
        background: white;
        color: black;
    }

    h1 {
        font-family: serif;
    }

    .col-lg-7 {
        padding-bottom: 2em;
    }

}

@media only screen and (min-width: 780px) {
    #row-login {
        background: #E41010;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 12px 12px 20px black;
        margin-top: 100px;

    }

    #row-register {
        background: #E41010;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 5px 5px 5px black;
        margin-top: 100px;
        padding: 80px;
    }



    img {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        width: 100%;
    }

    .btn1 {
        border: none;
        outline: none;
        height: 40px;
        width: 100%;
        background-color: white;
        color: red;
        border-radius: 10px;
        font-weight: bold;
    }


    .btn1:hover {
        background: white;
        color: black;
    }

    h1 {
        font-family: serif;
    }

    .col-lg-7 {
        /* margin-top: 10px; */
        padding-top: 5em;
        padding-bottom: 5em;
    }

}