body {
  margin: auto 0;
  color: #fff;
  background-image: url(../image/bkground.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'roboto';
  overflow-x: hidden;


}

p{
font-size: 20px;
}



h1 {
 font-size: 40px;
}

@media only screen and (max-width: 640px) {
body {
background-image: url(../image/bkground2.png);
}
}

.col {
  justify-content: center;
}
.btn-transparent{
  background-color: rgba(255,255,255,0.1);
  border: 2px solid rgba(255,255,255,0.9)!important;
  color: white;
}

.btn-transparent:hover{
  background-color: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,1);
  color: white;
}

.btn-transparent:active{
  background-color: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,1);
  color: white;
}