.wrapper {width: 1200px; margin: 0 auto;}
.logo {width:20%;}
.diya { font-family: Arial, sans-serif; margin:0; padding: 0; background-color: #a7e1a1;}
.personal {color:black; font-size:20px;}
.diya1 {display: flex; background-color:white;padding: 20px;}
.menustyle {padding: 0 5px 0 5px; color:rgb(179, 179, 60) ;}
.paragraph {color:#030303; font-size:20px;display: flex;  text-align: right;justify-content: end; padding-left: 60px;
}
body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.school { width:80px; height:170px;}
.sun { color: green; padding-left: 60px;}
     .mainbox {display:flex;text-align: right; text-align:start; padding:40px; margin-top:10%;}
     .secondbox {display:flex; text-align:start;}
.graph {color:#030303; font-size:20px;display: flex;  text-align: right;justify-content: end;padding-left: 15%;}
.boxone {width:40px; height:30px;}
.boxtwo {width: 40px; height:30px;}
.boxthree {width: 40px; height:30px;}
.menubox {display: flex; width: 80%;JUSTIFY-CONTENT: flex-end;}
.profile-image {width:80%; text-align: right;padding: 20px 0;}
.contentbox {display: flex;}
.ammu { background: url(forest.jpg);height: 300px;background-repeat: no-repeat;background-size: cover;position: relative;
     justify-content:left;align-items:center;color:white;font-size:30px; display:flex;padding:5 auto; }
.heading {color:#140e0e; padding-left: 60px;}
.charger {background: url(contact.jpg);height: 300px;background-repeat: no-repeat;background-size: cover;position: relative;
         justify-content:left;align-items:center;color:white;font-size:30px; display:flex;padding:5 auto;}
.contact-section {display: flex;flex-wrap: wrap; width: 100%;}
form {flex: 1;max-width: 600px;}
input, textarea {width: 48%;padding: 30px;margin: 10px 1%;box-sizing: border-box;font-size: 16px;}
textarea {width: 98%;height: 150px;resize: none;}
button {background: limegreen;color: white;padding: 15px 30px;border: none;font-size: 16px;font-weight: bold;cursor: pointer;float: right;}



.cntfrmbx {width:100%; display: flex; ;}
.jack {width:100%; display: flex; ;}
.tophead {  padding-left: 85px;}