img{max-width: 100%;}

.first{padding-top: 20px; background-color:rgba(0, 0, 0, 0.6);position: absolute; z-index: 100;position: fixed;}
.first h1{font-size: 22px; font-weight: bolder; text-align: center; color: #f86900;}
.first h2{font-size: 14px; font-weight:900; text-align: center; color: #f86900;}

.second{position:relative; padding: 0px; }


.center{padding-bottom: 40px; padding-top: 40px; background-color: #e7ebf2;}

.centerinner{ background-color: #fff;padding-bottom: 0px;}
.centerinner h1{font-size: 22px; color: black; text-align: center; font-weight: 700; padding-bottom: 10px ;padding-top: 10px; margin-top: 75px;}
.centerinner h1 span{font-size: 30px; font-weight: bolder;color: #f86900;}
.centerinner p{font-size: 16px; color: #494646; text-align: justify; padding-bottom: 20px; padding-top: 10px;}
.centerinner a{padding: 10px; border: solid 3px #f86900; color: black; font-weight: 800; text-align: center; text-decoration: none; font-size: 18px;}
.centerinner a:hover{background-color:#f86900; color:#000; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.30s ease-out;
  -ms-transition: all 0.30s ease-out;
  -o-transition: all 0.30s ease-out;
  transition: all 0.30s ease-out; }
.centerinner img{margin-left: -15px;}







.my-card{
    top:-40px;
    color:chocolate;
}

.middle{padding-bottom: 20px; padding-top: 40px;}
.middle h1{ font-size: 24px; color: black; border-bottom: 4px solid #f86900; display: inline-block; font-weight: bolder;}


.courses{padding-bottom: 20px; padding-top: 6px; background-color: #fff;-webkit-box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53);
-moz-box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53);
box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53);}
.courses h1{padding-bottom: 5px; padding-top: 5px; font-size: 20px; font-weight: 800; text-align: center;}
.courses p{padding-top: 20px; padding-bottom: 20px; font-size: 18px; color:#494646; text-align: center;}
.courses a{padding: 7px; border: solid 2px #f86900; color: black; font-weight: 600; text-align: center; text-decoration: none; font-size: 15px;}
.courses a:hover{background-color:#f86900; color:#000; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.30s ease-out;
  -ms-transition: all 0.30s ease-out;
  -o-transition: all 0.30s ease-out;
  transition: all 0.30s ease-out;}
.courses img{ padding: 8px;}


.formargin{margin-top: 20px;}



.footer{padding-bottom: 20px; padding-top: 20px; background-color: #111111;}
.footer h1{font-size: 23px; font-weight: bolder; text-align: center; color: #f86900; margin-top: 40px;}
.footer h2{font-size: 14px; font-weight:700; text-align: center; color: #f86900;}
.footer h3{font-size: 18px; font-weight: 800; text-align: center; color: #fff;}
.footer li{font-size: 18px; color: #acacac; list-style: none; text-align: center;}
.footer a{text-decoration: none;}
.footer i{font-size: 18px; color: white; padding: 6px; text-align: center; border: solid 2px #f86900;}
.footer i:hover{background-color:#f86900; color:#000; -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.30s ease-out;
  -ms-transition: all 0.30s ease-out;
  -o-transition: all 0.30s ease-out;
    transition: all 0.30s ease-out;}
.footer p{font-size: 17px; color: #acacac; text-align: center; }
 

.last{padding-bottom: 10px; padding-top: 10px; background-color:#000; }
.last p{float: left; color:#f86900; font-size: 15px; }


.boxshadow{-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.68);
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.68);}




.coursespage{padding-bottom: 20px; padding-top: 20px;}
.coursespage h1{ font-size: 40px; color:#f86900; }
.coursespage h1 span{color: #f86900; font-size: 68px; font-weight: 800;}
.coursespage p{font-size: 17px; color:gray; text-align: justify;}


.contactus{padding-bottom: 20px; padding-top: 50px;}

.box1{padding-bottom:15px; padding-top:15px; margin-top:10px; padding-left:15px; padding-right:40px;background-color: #fff; box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53); position:absolute; margin-top:60px}
.box1 p{ font-size:17px}
.box2{padding-bottom:15px; padding-top:15px; margin-top:150px; padding-left:30px; padding-right:0px;background-color: #fff; box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53); position:relative; margin-left:-40px; margin-bottom:30px }

.placement{ margin-top:50px; margin-bottom:30px}
.placement1{ margin-top:10px; font-size:17px}
.placement2{ margin-top:10px; font-size:17px}
.whybg{ background-color:#e7ebf2; padding-bottom:30px; padding-top:30px}
.why{ padding-bottom:40px; padding-top:20px; background-color:#FFFFFF;padding-left: 110px;}
.why p{ margin-top:20px}





@media only screen and (max-width: 600px) {
    .first{padding-top: 0px; margin-top: -133px;}
    .second{margin-top: 132px; position: inherit}
    .centerinner img{margin-left: 0px;}
    .footer h1{font-size: 20px; margin-top: 0px;}
    .centerinner a{padding: 6px; border: solid 2px #f86900;  font-size: 15px;}
    .centerinner p{font-size: 14px; padding-bottom: 3px; padding-top: 3px;}
    .centerinner h1 span{font-size: 22px;}
    .centerinner h1{font-size: 18px; padding-bottom: 3px ;padding-top: 3px; margin-top:2px;}
    .centerinner{padding-bottom: 20px;}
    .formargin{margin-top: 5px;}
    .coursespage h1{ font-size: 17px; color:#f86900; }
.coursespage h1 span{color: #f86900; font-size: 35px; font-weight: 800;}

 .box1{padding-bottom:0px; padding-top:0px; padding-left:8px; padding-right:30px;background-color: #fff; box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53); position:absolute}
.box2{padding-bottom:8px; padding-top:8px; margin-top:620px; padding-left:8px; padding-right:8px;background-color: #fff; box-shadow: 2px 2px 16px -1px rgba(0,0,0,0.53); position:relative; margin-right: -15px; margin-left: 0px; }  

.placement2{ margin-top:-15px}   

}