#page_content{/*display: grid; grid: 2fr 1fr/1fr; grid-gap: 100px;*/}
        .overlaynew {height: 100%; width: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.85); overflow-x: hidden; transition: 0.7s; /*place-items: center;*/ color: #fff;}
        
        #resumecontentborber{width: 80%; max-width: 1000px; margin: 50px auto;  box-shadow: 1px 1px 20px 10px rgba(0, 0, 0, 0.2); height: 1140px; }
        
        #resumecontentbox{display: grid; grid: auto auto/1fr; grid-gap: 40px}
        
          .resumeline1_content{width: 100%; /*border: 1px solid red;*/ text-transform: uppercase;  background-color: #d9d9d9;}
        
        .resumelogo_content{display: grid; grid: 1fr/1fr 0.5fr 1fr; align-items: center; /*color: #000;*/ padding: 10px;}
        .resumelogo_content_l1{/*border: 1px solid red; */ justify-self: end;}
        .resumelogo_content_l2{/*border: 1px solid red;*/ text-align: center;}
        .resumelogo_content_l3{/*border: 1px solid red;*/}
        .resumelogo_content_l2image{ border-radius: 50%;}
        
        .contact_box{/*border: 1px solid #000;*/ display: grid; grid: 1fr/1fr auto 1fr; grid-gap: 40px;}
        .border1{border-left: 2px dotted #000; height: 100%;}
       
        .intro{justify-self: end; display: grid; grid: auto auto auto/1fr; place-items: end; /*grid-gap: 5px;*/ }
        .introl2{margin-top: 10px;}
        .introl1{text-transform: uppercase;}
        
        .contact{display: grid; grid: auto auto auto auto/1fr; align-items: center; padding-top: 3px;}
        .contactl1{margin-bottom: 3px;}
        
        #educationbox1{display: grid; grid: 1fr/1fr; margin-top: 40px;}
        .educationcontent{/*border: 1px solid #000;*/ width: 100%; margin: 0 auto; height: 50px; /*margin-top: 40px;*/ /*transform: rotate(-90deg);*/}  
            
            
        
            .program{ margin-top: 70px;}
            /*.leftside{background-color: #c4c4bc; width: 250px; height: 400px;}*/
            
            
            
            .rotate{/*border: 1px solid #000;*/ transform: rotate(-90deg); width: 300px; position: relative; top: 180px; left: -130px; overflow: hidden;}
            
            .degreedescription{/*border: 1px solid #000;*/ width: 70%; margin: 20px auto;}
            .degreestartend{/*border: 1px solid #000;*/ /*display: grid; grid: 1fr/1fr 1fr;*/ margin-top: 50px; grid-gap: 20px; width: 50%;}
            
            .completedcurentbox{display: grid; grid: auto 1fr/1fr 1fr; margin-top: 30px; /*grid-gap: 5px;*/}
            
            /*.current{transform: rotate(180deg);}*/
            
            .experienceworkbox{width: 70%; margin: 0 auto; margin-top: 45px}
            
            .hirebtn{height: 87px; display: grid; grid: 1fr/1fr; font-size: 1.2em; margin-top: 40px}
         
            
        .borderleftdotted{border-left: 2px dotted #000; height: 100%;}
        .borderrightdotted{border-right: 2px dotted #000; height: 100%;}
        .h3_font{text-transform: uppercase;}
        .paddleft15px{padding-left: 15px;}
        .text_center{text-align: center;}
        .text_upper{text-transform: uppercase;}
        .fontsize08{font-size: 0.8em;}
            
       /*.testborder{border: 1px solid #000; padding: 3px;}*/
            
        .justifyselfend{justify-self: end;}
        .justifyselfstart{justify-self: start;}
        .margintop1{margin-top: 15px;}
        .marginbottom{margin-bottom: 20px;}
        .allignselfcenter{align-self: center;}
            .textjustify{text-align: justify;}
            
         hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 0 auto;
     padding: 0;
     width: 70%;
             margin-top: 50px;
 }
        @media screen and (min-width: 412px) {
           #mobile{display: block;}
            #page_content{display: none;}
}
            
        @media screen and (min-width: 768px) {
       
            #resumecontentborber{width: 95%;}
}
        @media screen and (min-width: 1024px) {
           #mobile{display: none;}
            #page_content{display: block;}
            #resumecontentborber{width: 90%;}
}
            
        @media screen and (min-width: 1200px) {
            #resumecontentborber{width: 75%;}
            
     #header {grid: 1fr/ 0.2fr 1fr;}
            
}