* {
    margin: 1px;
    padding: 1px;
}

header {
    text-align: left;
 }

p {
    top: 50%;
    left: 50%;
    color: #000000;
    text-align: left;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 2px 30px 0px 70px;
}

.technicalsforvideo {
    top: 50%;
    left: 50%;
    color: #000000;
    text-align: left;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 2px 30px 0px 20px;
}

h1 {
    font-size: 18px;
    letter-spacing: 2px;
    color: #000000;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 20px 30px 5px 70px;
}

.imagenfinal {
    margin: 0;
}

@-webkit-keyframes pulse {
      0% {background-color: #00b140;}
     25% {background-color: #e9ffdb;}
     50% {background-color: #d0db61;}
     75% {background-color: #78866b;}
     100% {background-color: #0bda51;}
}

body {
     background-color: #00b140;    
     -webkit-animation: pulse 120s infinite alternate;
}

.slide-container {
    height: auto;
    width: auto;
    overflow: auto;
    white-space: nowrap;
    margin: 5px 80px 5px 80px;
   }

.slide-container img {
    width: auto;
    height: 650px;
}
    
.container {
    width: 100%;
    margin: 10px auto;
    padding: 0px;
}

.row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-sm-6 {
    width: 50%;
    padding: 2px;
    box-sizing: border-box;
    margin: 2px 25px 5px 25px;
}

iframe {
    width: 100%;
    height: 350px;
    display: block;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .row {
    flex-direction: column;
  }
  
    .col-sm-6 {
    width: 100%;
    padding: 0;
  }
  
    iframe {
    height: 300px;
  }