body {
    margin: 0;
    padding: 0;
    background: #4565A1;
}

.wrap {
    margin: 0;
    padding: 0 25px;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center {
    width: 550px;
}
.logo {
    text-align: right;
}

#logo {
    width: 100%;
    height: auto;
    filter: drop-shadow(-4px 0px 3px #494949);
}

p {
    margin: 10px 15px;
    text-align: right;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
}

@media (min-width: 768px) and (max-width: 1023.8px) {
  
    .center {
        width: 450px;
    }
      p {
        margin-top: 5px;
        font-size: 16px;
  }
}

@media (max-width: 767.8px) {
    .center {
        width: 400px;
    }
      p {
        margin-top: 5px;
        font-size: 14px;
  }
}