@import url('http://www.uh.edu/class/_css/font-awesome-4.2.0/css/font-awesome.min.css');

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }

}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
}
}
@media (min-width: 1620px) {
  .container {
    width: 1500px;
  }
}
@media (min-width: 1920px) {
  .container {
    width: 1560px;
  }
}	


 
/*============
hover effect for projec section
===============*/
.wrapper {
    position: relative;
    height:;
    width:;
  float:left;
  padding:5px;

}
.text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  opacity:0;
  cursor: pointer;
  padding:24px;
  margin:5px;
}

.text p {
  color: #fff;
}
.text:hover {
  opacity:1;
  transition: all .5s ease;
}

/*============
welcome wilson section
===============*/
.welcome-wilson-text {
    color: #fff;
    margin: 1px;
}

.welcome-wilson-text-bar {
    position: absolute;
	background: #c8102e;
	padding: 24px;
	bottom: 24px;
	right: 0px;
}


/*============
project section grid spacing
===============*/

.col-md-8, .col-sm-12, .col-md-4, .col-md-6, .col-sm-12, .col-md-12 {
    padding-right:12px;
    padding-left:12px;
}
figure.effect-roxy {
    margin-bottom:24px;
}

/*============
project section font
===============*/

figure.effect-roxy figcaption {
    padding: 2em;
}

figure.effect-roxy h2 {
	font-size: 1em;
	color: #fff9d9;
	padding: 0px;
}

figure.effect-roxy:hover img {
	opacity: 0.1;
}


figure.effect-roxy p {
	color: #fff9d9;
	font-size: .8em;
    margin-top:1em;
}

figure.effect-roxy {
	background: #00866c;
}

/*============================
proejct section
*/

@media (max-width: 1619px) {
  figure.effect-roxy figcaption {
	padding: 2em;
}
figure.effect-roxy p {
	font-size: .42em;
}
}

@media (max-width: 1199px) {
figure.effect-roxy h2 {
    font-size: .7em;
}
figure.effect-roxy figcaption::before {
    display:none;
}
figure.effect-roxy figcaption {
    padding:1em;
}
}


@media (max-width: 991px) {
figure.effect-roxy p {
    font-size: 1em;
}
figure.effect-roxy h2 {
    font-size: 2.5em;
    color: #fff9d9;
	padding: 24px;
}
figure.effect-roxy figcaption::before {
    display:block;
}
figure.effect-roxy figcaption {
    padding:2em;
}
}

@media (max-width: 767px) {

}
=======================*/

/*=============
banner background
=================*/

@media (max-width: 1619px) {
    #welcome {
      background-attachment:scroll;
  }
}
@media (min-width: 1620px) {
  .container {
    width: 1170px;
}
#welcome {
      background-attachment:fixed;
  }
}