.center{
  text-align: center;
}

.padding{
  padding-top:10px;
  padding-bottom: 10px;
}


@media only screen and (max-width: 600px) {

  .cardd{
    width: 96% !important;
    margin-left:2% !important;;
    margin-right:2% !important;;
  }

   #hide{
        visibility: hidden;
       display:none;

  }

}

.tl{
  text-align: left;
}
.tc{
  text-align: center;
}
a{
  text-decoration: none;
    color: white;;
  padding: 5px;
  font-family: 'Prompt', sans-serif;
  font-size: 17px;
}
a:hover{
    color: white;
  text-decoration: none;
  opacity: 0.7;
  font-family: 'Prompt', sans-serif;
}


.parallax {
  /* The image used */
  background-image: url("../img/p1.jpg");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.img-wrapper {
 position: relative;
 width: 100%;
}

.img-overlay {

width: 100%;
 position: absolute;
 top: 70%;
 left: auto;
 right: auto;
 text-align: center;
 margin: 0px !important;
}

.cardd{
  width: 80%;
  margin-left:10%;
  margin-right:10%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom:50px;
}

.dark{
  background-color: #155263;
  color:white;
  text-align: center;
}

.red{
  background-color: #ff6f3c;
  color: white;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;

}
.title{
  color: #155263;
  margin-top:10px;
  margin-bottom: 10px;
}
.d{
  position: relative;
}

.f{
  zoom:2;
  color: #155263;
}
.dp{

  color: #155263;
}

/*********************************images*****************/
.parall {
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax2 {
  background-image: url("../img/p2.jpg");
}
.parallax3 {
  background-image: url("../img/p3.jpg");
}
.parallax4 {
  background-image: url("../img/p4.jpg");
}
.parallax5 {
  background-image: url("../img/p5.jpg");
}
.parallax6 {
  background-image: url("../img/p6.jpg");
}
.parallax7 {
  background-image: url("../img/p7.jpg");
}
.parallax8 {
  background-image: url("../img/p8.jpg");
}
.parallax9 {
  background-image: url("../img/p9.jpg");
}
.parallax10 {
  background-image: url("../img/p10.jpg");
}
.parallax11 {
  background-image: url("../img/p11.jpg");
}
.parallax12 {
  background-image: url("../img/p12.jpg");
}
.parallax13 {
  background-image: url("../img/p13.jpg");
}
.parallax14 {
  background-image: url("../img/p14.jpg");
}
.parallax15 {
  background-image: url("../img/p15.jpg");
}
