@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
  background-image: url('images/opp-backg.jpg');
  background-size: cover;
  height: 100%;
  line-height: 1;
  text-align: center;
  margin-top: 2rem;
  /* background-repeat: no-repeat; */
}

h2{
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
}

h3{
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: #878171;
}

a{
  position: fixed;
  left:  1%;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  color: #ffbe4e;
    padding: 10px 35px;
  background-color: #ffbe4e;
  color: white;
  border-radius: 40px;
}

a:hover{
    color: white;
         background-color: #e5a847;
      text-decoration: none;
}

.main-panel{
  padding-top: 2rem;
}

.carp{
  background-image: url('images/carp.jpg');
  background-size: cover;
  height: 300px;
  text-align: center;
  max-height: 100%;
}

.opp-btn{
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.5rem;
  position: absolute;
  top: 35%;
  left: 35%;
  border:  none;
  padding: 13px 40px;
  background-color: #ffbe4e;
  color: white;
  border-radius: 40px;
}

.opp-btn:hover{
   background-color: #e5a847;
}

.opp-btn:active{
  background-color: #d18b40;
  color: #ccc;
}

.part-btn{
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.5rem;
  position: absolute;
  top: 40%;
  left: 40%;
  padding: 13px 40px;
  background-color: rgba(1,1,1,0);
  color: #ffbe4e;
  border-radius: 40px;
  border: 4px solid #ffbe4e;
}

.part-btn:hover{
  border: 4px solid #e5a847;
  color:  white;
}

.part-btn:active{
  background-color: #d18b40;
  color: #ccc;
  border: 4px solid #d18b40;
}

.des{
  background-image: url('images/des.jpg');
  background-size: cover;
  height: 300px;
  text-align: center;
}

.lab{
  background-image: url('images/lab.jpg');
  background-size: cover;
  height: 300px;
  text-align: center;
}

.adm{
  background-image: url('images/adm.jpg');
  background-size: cover;
  height: 300px;
  text-align: center;
}

.part{
  background-image: url('images/part.jpg');
  background-size: cover;
  height: 300px;
  text-align: center;
}