/* As hex codes */

.color-primary-0 { color: #AA5439 }	/* Main Primary color */
.color-primary-1 { color: #F5F5F5 }
.color-primary-2 { color: #D09B8A }
.color-primary-3 { color: #842000 }
.color-primary-4 { color: #5F1700 }

.color-secondary-1-0 { color: #28536C }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #9C9C9C }
.color-secondary-1-2 { color: #5B7584 }
.color-secondary-1-3 { color: #053754 }
.color-secondary-1-4 { color: #00263C }

.color-secondary-2-0 { color: #679933 }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #DDDDDD }
.color-secondary-2-2 { color: #9CBB7D }
.color-secondary-2-3 { color: #3C7700 } /*TextColor*/
.color-secondary-2-4 { color: #2B5500 }



/* As RGBa codes */

.rgba-primary-0 { color: rgba(170, 84, 57,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(245,245,245,1) }
.rgba-primary-2 { color: rgba(208,155,138,1) }
.rgba-primary-3 { color: rgba(132, 32,  0,1) }
.rgba-primary-4 { color: rgba( 95, 23,  0,1) }

.rgba-secondary-1-0 { color: rgba( 40, 83,108,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { color: rgba(156,156,156,1) }
.rgba-secondary-1-2 { color: rgba( 91,117,132,1) }
.rgba-secondary-1-3 { color: rgba(  5, 55, 84,1) }
.rgba-secondary-1-4 { color: rgba(  0, 38, 60,1) }

.rgba-secondary-2-0 { color: rgba(103,153, 51,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { color: rgba(221,221,221,1) }
.rgba-secondary-2-2 { color: rgba(156,187,125,1) }
.rgba-secondary-2-3 { color: rgba( 60,119,  0,1) }
.rgba-secondary-2-4 { color: rgba( 43, 85,  0,1) }


body{
    background-color: #f6f6f6;
}

footer {
  background-color: #f8f8f8;
  border-color: #e7e7e7;

  background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
  background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
  background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
}

textarea {
    resize: none;
}

a {
  color: #3C7700;
  text-decoration: none;
}

a:focus, a:hover {
  color: grey;
  text-decoration: underline;
}

body {
  font-family: 'Droid Sans', sans-serif;
  padding-bottom: 0;
}

.navbar-default .navbar-brand {
   color: #3C7700;
}
.navbar-default .navbar-nav>li>a {
  color: #3C7700;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #3C7700;
}

.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}
.grayscale {
  -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
  -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
  filter: brightness(1.10) grayscale(100%);
}

.certifications-img {
  max-height: 125px;
  max-width: 125px;
}

.footer-margin {
    margin-bottom: 8%;
}

.nav-margin {
  margin-top: 8%;
}

.group {
  margin: 50px 0 50px 0
}
.group-top {
  margin-bottom: 50px
}

.jumbotron {
  background-image: linear-gradient(rgba(255, 255, 255, 0.92),rgba(255, 255, 255, 0.92)), url('/https/mcgilldevtech.com/img/jumptron/jumbotron.jpg');
  /* height: 100%; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 0;
}

.jumbotron-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
}

.row-dark {
  background-color: rgb(230, 230, 230)
}

.group-row {
  margin: 25px 0 15px 0;
  padding: 25px 0 15px 0;
}

 /*Media*/
@media (max-width: 665px){
  .nav-margin{
    margin-top: 20%;
  }
}

@media (max-width: 768px){
    footer{
        text-align: center;
    }
}
/*Bootstrap overrides*/
@media (min-width: 768px){
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-left: 15%;
    }
}