body {
    font-family:Georgia, 'Times New Roman', Times, serif;
  background-color: #FDFFD4;
}

.bigcon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5em;
    
}

 
/* For Desktop View */
@media screen and (min-width: 1024px) {
  .bigcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5em;
  }
}

/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  .bigcon {
    display: flex;
    flex-direction: row;
  }
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  .bigcon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5em;
  }
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  .bigcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5em;
  }
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  .bigcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5em;
  }
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .bigcon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5em;
  }
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .bigcon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5em;
  }
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  .bigcon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5em;
  }
}

.text{
    width:100%;
}
.h1{
   
    text-align: center;
    color: black;
    font-weight:bold;
}

.p{
    
    margin: 5%;
    text-align: justify;
    font-weight: 500;
}

#slideshow {
  text-align: center;
  overflow: hidden;
  height: 510px;
  width: 728px;
}

/* height: 510px;
width: 728px; */

.btn{
   display: flex;
   align-self: center;
}
.slide-wrapper {
  width: 2912px;
  -webkit-animation: slide 18s ease infinite;
}

.slide {
  float: left;
  height: 510px;
  width: 728px;
}

.slide:nth-child(1) {
  background: #D93B65;
}

.slide:nth-child(2) {
  background: #037E8C;
}

.slide:nth-child(3) {
  background: #36BF66;
}

.slide:nth-child(4) {
  background: #D9D055;
}

.slide-number {
  color: #000;
  text-align: center;
  font-size: 10em;
}

@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}