@media screen and (max-width: 1920px) {
  a{
    text-decoration: none;
    font-size: 15px;
    color: black;
  }
  body::-webkit-scrollbar{
    display:none;
}
  .message{
    position: absolute;
    top: 10%;
    width: 100%;
    height: 90%;
  }
  .message h2{
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%);
    font-size: 45px;
    text-transform: capitalize;
    font-family: sans-serif;
    color: #343a40;
    /*text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);*/
    text-align:center;
    pointer-events: none;
  }
  .message .form input[type="text"]{
    position: absolute;
    border: none;
    background: none;
    border-bottom: 2px solid #696969;
    font-family: sans-serif;
    font-weight: bold;
    color: #292929;
    text-shadow: 2px 2px 4px rgba(255,255,255,1);
    font-size: 20px;
  }
  .message .form input[type="text"]:focus{
    outline: none;
  }

  .message .form input[name="name"]:focus ~ p.name,
  .message .form input[name="name"]:valid ~ p.name{
    top: 15%;
    color: black;
    font-size: 19px;
    text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
  }
  .message .form input[name="mailid"]:focus ~ p.mail,
  .message .form input[name="mailid"]:valid ~ p.mail{
    top: 15%;
    color: black;
    font-size: 19px;
    text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
  }
  .message .form input[name="subject"]:focus ~ p.subject,
  .message .form input[name="subject"]:valid ~ p.subject{
    top: 27%;
    color: black;
    font-size: 19px;
    text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
  }
  .message .form input[name="name"]{
    top: 20%;
    left: 9.5%;
    width: 38vw;
    text-transform: uppercase;
  }
  .message .form input[name="mailid"]{
    top: 20%;
    left: 52%;
    width: 38vw
  }
  .message .form input[name="subject"]{
    top: 32%;
    left: 50%;
    transform: translate(-50%,0);
    width: 80vw;
    text-transform: capitalize;
  }
  .message .form .text{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    border: none;
    background: none;
    width: 80vw;
    min-width: 80vw;
    max-width: 80vw;
    top: 40%;
    height: 25%;
    min-height: 25%;
    max-height: 25%;
    border: 2px solid #696969;
    font-family: 'Felipa';
    font-size: 20px;
  }
  .message .form .text::placeholder{
    color: #000;
  }
  .message .form .text:focus{
    outline: none;
  }
  .message .form p{
    position: absolute;
    top: 0;
    font-family: 'Felipa';
    font-size: 20px;
    transition: 0.6s;
    color: #292929;
    text-shadow: 2px 2px 4px rgba(255,255,255,1);
  }
  .message .form p.name{
    position: absolute;
    top: 17%;
    left: 9.5%;
  }
  .message .form p.mail{
    position: absolute;
    top: 17%;
    left: 52%;
  }
  .message .form p.subject{
    position: absolute;
    top: 29%;
    left: 9.5%;
  }
  .message .form input[type="submit"]{
    position: absolute;
    top: 70%;
    left: 9.5%;
    width: 80vw;
    height: 40px;
    border-radius: 20px;
    border: none;
    font-family: 'Felipa';
    font-size: 20px;
    color: white;
    background-color: cyan;
    cursor: pointer;
  }
  .message .form input[type="submit"]:focus{
    outline: none;
  }
  .message .form input[type="submit"]:hover{
    box-shadow: inset 0 0 10px rgba(0,0,0,1);
  }
  .contact{
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 60vh;
  background-color: #343a40;
}

.contact .map{
  position: absolute;
  top: 5%;
  right: 5%;
  width:40%;
  height:90%;
}
.contact .info{
  position: absolute;
  top: 5%;
  left: 5%;
  width: 40%;
  height: 90%;
  color: white;#0052D4;
}
.contact .info .address .line1{
  position: absolute;
  top: 35%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line2{
  position: absolute;
  top: 41%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line3{
  position: absolute;
  top: 47%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line4{
  position: absolute;
  top: 54%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line5{
  position: absolute;
  top: 61%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address .line6{
  position: absolute;
  top: 68%;
  left: 8%;
  font-size: 20px;
  font-family: sans-serif;
  color: white;#0052D4;
}
.contact .info .address i{
  position: absolute;
  top: 30%;
  font-size: 20px;
  line-height: 30px;
  margin: 20px;
}
.contact .info img{
  position: absolute;
  top: 0;
  left: 10%;
  width: 130px;
  height: 130px;
}
.contact .info i{
  position: absolute;
  color: white;#0052D4;
  //text-shadow: 0 0 20px rgba(255,255,255,0.7);
  line-height: 30px;
  margin: 20px;
}
.contact .info i:nth-child(2){
  top: 60%;
}
.contact .info i:nth-child(3){
  top: 70%;
}
.contact .info i:nth-child(4){
  top: 80%;
}
.contact .info i:nth-child(n+5){
  top: 90%;
}
.contact .info i a{
  color: white;#0052D4;
  //text-shadow: 0 0 20px rgba(255,255,255,0.7);
  line-height: 30px;
  margin: 20px 4px;
  font-size: 20px;
}
}
@media screen and (max-width:1080px) {
  .message h2{
    position: absolute;
    top: 5%;
    left: 50%;
    font-size: 20px;
    text-transform: capitalize;
    font-family: sans-serif;
    color: #343a40;
    text-align:center;
    pointer-events: none;
  }
  body::-webkit-scrollbar{
    display:none;
}
  .message .form input[type="text"]{
    position: absolute;
    border: none;
    background: none;
    border-bottom: 2px solid #696969;
    font-family: sans-serif;
    font-weight: bold;
    color: #292929;
    text-shadow: 2px 2px 4px rgba(255,255,255,1);
    font-size: 20px;
  }
  .message .form input[type="text"]:focus{
    outline: none;
  }

  .message .form input[name="name"]:focus ~ p.name,
  .message .form input[name="name"]:valid ~ p.name{
    top: 15%;
    color: black;
    font-size: 19px;
    text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
  }
  .message .form input[name="mailid"]:focus ~ p.mail,
  .message .form input[name="mailid"]:valid ~ p.mail{
    top: 15%;
    color: black;
    font-size: 19px;
    text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
  }
  .message .form input[name="subject"]:focus ~ p.subject,
  .message .form input[name="subject"]:valid ~ p.subject{
    top: 35%;
    color: black;
    font-size: 19px;
    text-shadow: 0 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
  }
  .message .form input[name="name"]{
    top: 25%;
    left: 9.5%;
    width: 38vw;
    text-transform: uppercase;
  }
  .message .form input[name="mailid"]{
    top: 25%;
    left: 52%;
    width: 38vw
  }
  .message .form input[name="subject"]{
    top: 42%;
    left: 50%;
    transform: translate(-50%,0);
    width: 80vw;
    text-transform: capitalize;
  }
  .message .form .text{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    border: none;
    background: none;
    width: 80vw;
    min-width: 80vw;
    max-width: 80vw;
    top: 50%;
    height: 25%;
    min-height: 25%;
    max-height: 25%;
    border: 2px solid #696969;
    font-family: 'Felipa';
    font-size: 20px;
  }
  .message .form .text::placeholder{
    color: #000;
  }
  .message .form .text:focus{
    outline: none;
  }
  .message .form p{
    position: absolute;
    top: 0;
    font-family: 'Felipa';
    font-size: 20px;
    transition: 0.6s;
    color: #292929;
    text-shadow: 2px 2px 4px rgba(255,255,255,1);
  }
  .message .form p.name{
    position: absolute;
    top: 22%;
    left: 9.5%;
  }
  .message .form p.mail{
    position: absolute;
    top: 22%;
    left: 52%;
  }
  .message .form p.subject{
    position: absolute;
    top: 40%;
    left: 9.5%;
  }
  .message .form input[type="submit"]{
    position: absolute;
    top: 80%;
    left: 9.5%;
    width: 80vw;
    height: 40px;
    border-radius: 20px;
    border: none;
    font-family: 'Felipa';
    font-size: 20px;
    color: white;
    background-color: cyan;
    cursor: pointer;
  }
  .message .form input[type="submit"]:focus{
    outline: none;
  }
  .message .form input[type="submit"]:hover{
    box-shadow: inset 0 0 10px rgba(0,0,0,1);
  }
  .contact{
    position: absolute;
    bottom: -50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #343a40;
  }

  .contact .map{
    position: absolute;
    top: 5%;
    right: 5%;
    width:45%;
    height:50%;
  }
  .contact .info{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 45%;
    height: 90%;
    color: white;#0052D4;
  }
  .contact .info .address .line1{
    position: absolute;
    top: 25.5%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line2{
    position: absolute;
    top: 30%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line3{
    position: absolute;
    top: 34%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line4{
    position: absolute;
    top: 38%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line5{
    position: absolute;
    top: 42%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address .line6{
    position: absolute;
    top: 46%;
    left: 15%;
    font-size: 8px;
    font-family: sans-serif;
    color: white;#0052D4;
  }
  .contact .info .address i{
    position: absolute;
    top: 15%;
    font-size: 8px;
    //line-height: 30px;
    //margin: 20px;
  }
  .contact .info img{
    position: absolute;
    top: 0;
    left: 10%;
    width: 70px;
    height: 70px;
  }
  .contact .info i{
    position: absolute;
    color: white;#0052D4;
    //text-shadow: 0 0 20px rgba(255,255,255,0.7);
    //line-height: 30px;
    //margin: 20px;
    font-size: 8px;
  }
  .contact .info i:nth-child(2){
    top: 0%;
  }
  .contact .info i:nth-child(3){
    top: 40%;
  }
  .contact .info i:nth-child(4){
    top: 44%;
  }
  .contact .info i:nth-child(n+5){
    top: 47%;
  }
  .contact .info i a{
    color: white;#0052D4;
    //text-shadow: 0 0 20px rgba(255,255,255,0.7);
    //line-height: 30px;
    //margin: 20px 4px;
    font-size: 7px;
  }
}