h1 {
    margin-top: 0;
    font-family: 'Calistoga', cursive;
    text-align: center;
    text-decoration: underline;
    color: whitesmoke;
    font-size:40px;
   }
   
   body {
    background-image: URL("https://bit.ly/2uSMacj");
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 23px;
    width: 100%;
   }
   
 
   
   .about {
    margin-top: 1%;
    display: flex;
    justify-content: space-between;
   }
   
   h2 {
    font-weight: 40px;
    font-size: 60px;
   }
   
   
   .form {
    width: 80%;
    height: 100%;
    margin-left: 7%;
    float: right;
    background-color:gray;
   }
   
   .form button {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border: 0;
    padding: 12px;
    color: #ffffff8f;
    background: rgba(0, 128, 0, 0.288);
    border-radius: 20px;
    cursor: grabbing;
    width: 40%;
    margin-left: 21%;
   }
   
   .form button:hover {
    color: green;
   }
   
   .submit-form {
    background-color: green;
   }
   
   .year {
    margin-left: 7%;
   }
   
   .month {
    margin-left: 2%;
   }
   
   .day {
    margin-left: 8.4%;
   }
   
   @media screen and (max-width :720px) {
   
    .text,
    .text1,
    .text2,
    .text3 {
    font-size: 20px;
    }
   
    .about {
    display: flex;
    flex-direction: row;
    }
   
    .form {
    display: flex;
    flex-direction: row;
    }
   
    body {
    overflow-x: hidden;
    }
   
   }
   
   @media screen and (max-width :1024px) {
   
    .text,
    .text1,
    .text2,
    .text3 {
    font-size: 60px;
    }
   
    body {
    font-size: 10px;
    }
   
    .jumbotron {
    height: 10%;
    }
   }
   .footer{
       color: white;
       text-align: center;
       font-size: 20px;
   }