body {
    background-image:url(../images/software_development.jpg);
     width:100%;
    /*height:600px;*/
    height:100%;
}
#MainImg {
    margin-top:-20px;
    /*background-image:url(../images/software_development.jpg);*/
    width:100%;
    height:600px;
    
}

h2 {
    color:white;
}

#custumdiv {
    padding-top:140px;
}

.panel {
    border-radius:5px;
    background-color:#FFFFFF;
        
}

.h4 {
    color:#346FE1;
}

hr {
      border: solid 2px;
      border-style:solid;
      border-color:dodgerblue;
}

#H1 {
    color:white;
}

/*footer {
    padding:10px;
    color:white;
    background-color:#7598DB;
}


.social {
     font-size:medium;
     height:30px;
     width:30px;
     text-align:center;
     padding:5px;
     border: 1px solid white;
     margin-bottom:10px;
     margin-right:5px;
}*/

/*.fot{
    height:10px;
    text-align:center;

}*/


@media only screen and (max-width: 1000px) {
    #MainImg {
    background-image:url(../images/software_development.jpg);
    width:100%;
    height:100%;
    }

    #custumdiv {
    padding-top:0px;
}
    #loginform {
        padding-top:20px;
    }
 
}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
#social-fb,#social-em,#social-gp,#social-tw {
    color:white;
} 
 

 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }