@font-face {font-family: "site-font";
    src: url("../fonts/chirp-extended-heavy-web.woff2");
}

body{
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
    font-family: "site-font";
}

.logo {
    display: flex;
    justify-content: center;
    height: 94vh;
}

.logo img{
    width: 50%;
    margin: auto;
    display: block;
}

.register-form{
    margin-top: 220px;
}

.register-form h1{
    font-size: 60px;
    margin-bottom: 50px;
}

.btn{
    border: 0;
    border-radius: 20px;
    padding: 8px 70px;
    font-size: 15px;
    margin-top: 15px;
    font-weight: bold;
    width: 300px;
}

.create-account-btn{
    /*background-color: rgb(29, 155, 240);*/
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

.create-account-btn:hover{
    /*background-color: rgb(26, 140, 216);*/
    background-color: #FFF;
    color: #000;
    border: 1px solid rgb(207, 217, 222);
    text-decoration: none;
}

.agree-text{
    color: rgb(83, 100, 113);
}

.agree-text, .agree-text a{
    font-size: 11px;
}

.signin-btn{
    border: 1px solid rgb(207, 217, 222);
    /*color: rgb(29, 155, 240);*/
    color: #000;
}

.signin-btn:hover{
    /*background-color: rgba(29, 155, 240, 0.1);
    color: rgb(29, 155, 240);*/
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

@media (min-width: 768px){
    .copyrights{
      padding-left: 10%;
    }
}

/* Max 768px */
@media (max-width: 768px){
    .logo {
        display: block;
        justify-content: left;
        height: auto;
      }
      .logo img {
        width: 30%;
        margin: 40px 25px auto;
        display: block;
      }
      .register-form {
        margin-top: 60px;
      }
      .register-form h1 {
        font-size: 40px;
      }
      .btn {
        width: 100%;
      }
      .register-form h2{
        font-size: 25px;
      }
      .register-form h5{
        font-size: 17px;
      }
      .container{
        padding: 25px !important;
      }
      .copyrights{
        padding: 20px;
        text-align: center;
      }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: normal !important;
}