body{
    font-family: 'Roboto', sans-serif;
}
.jumbotron {
  background-image: url('img/header1.jpg');
  background-size: cover;
  height: 270px;
}

.jumbotron .container .display-5 {
  color: #ffffff;
  font-weight: 400px;
}

.ceo img {
  border-radius: 100%;
  width: 200px;
  margin-top: 50px;

}
.text-join{
  min-height: 200px;
  padding: 25px;
}

/* Sosmed */
#sosmed-youtube{
  min-height: 273px;
  background-color: #9E1208;
}
#sosmed-instagram{
  min-height: 273px;
  background-color: #C64242;
}
.fa-youtube{
  color: white !important;
  font-size: 98px;
}
.fa-instagram{
  color: white !important;
  font-size: 98px;
}
.garis{
  width: 5px;
  height: 180px;
  background-color: white;
  border-radius: 10px;
}
.garis-dv{
  padding-top: 5%;
}

.i-yt{
  text-align: center;
  padding-top: 10%;
}
.button-yt{
  padding-top: 70px;
}
.button-yt2{
  padding-top: 15px;
}
.tombol{
  background-color: white;
  width: 270px;
  border-radius: 50px;
  height: 58px;
  padding-top:15px;
  font-family: 'Roboto Condensed', sans-serif;
}
.tombol:hover{
  background-color: #969696;
}
.button-img{
  width: 51px; 
  height:51px;
  float: left; 
  margin-top:-11px;
}
p{
 font-size: 18px;
  color: #9E1208;
}


.image-logo{
  width:212px;height:79px;border-radius: 20px;padding-top: 1rem;background-color: #F3F3F3;
}
.image-logo img{
  width: 190px;
}
.img-cs img{
width: 140px;
margin-top: -15px;
}






@media only screen and (max-width: 600px){
  
  .jumbotron {
    background-image: url('img/header1.jpg');
    background-size: cover;
    height: 270px;

  }
  
  #sosmed-youtube{
    min-height: 120px;
    background-color: #9E1208;
  }
  #sosmed-instagram{
    min-height: 120px;
    background-color: #C64242;
  }
  .fa-youtube{
    color: white !important;
    font-size: 30px;
  }
  .fa-instagram{
    color: white !important;
    font-size: 30px;
  }
  .garis{
    width: 5px;
    height: 80px;
    background-color: white;
    border-radius: 10px;
  }
  .garis-dv{
    padding-top: 5%;
  }
  .i-yt{
    text-align: center;
    padding-top: 10%;
  }
  .button-yt{
    padding-top: 20px;
  }
  .button-yt2{
    padding-top: 15px;
  }
  .tombol{
    background-color: white;
    width: 120px;
    height: 35px;
    border-radius: 50px;
    padding-top:1px;
    font-family: 'Roboto Condensed', sans-serif;
  }
  .tombol:hover{
    background-color: #969696;
  }
  .button-img{
    width: 20px; 
    height:20px;
    float: left; 
    margin-top:5px;
    margin-left: -4px;
  }
  p{
    font-size: 10px;
    color: #9E1208;
  }
  .button-rv{
    padding-left: 50px;
  }
  .sosmed{
    margin-left: -15px;
  }

  .image-logo{
    width:70px;height:40px;border-radius: 10px;padding-top: 7px;background-color: #F3F3F3;
  }
  .image-logo img{
    width: 60px;
  }
  .img-cs img{
    width: 50px;
    margin-top: 0px;
    }
    
  .text-kh{
  margin-top: 8px;
}
}