a{
  text-decoration:underline !important;
  cursor:pointer !important;
}

body,html {
  height: 100%;
}

img{
  width:50%;
}

footer{
   position:absolute;
   bottom:0;
   width:100%;
}

h2, .h2 {
   font-size:2.5em
}

#body{
   background-repeat: no-repeat;
   background-size: cover;
   background-image:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,1)), url('../img/background.jpg')
}

#cysa{
   width:70%;
}

.display-1{
   font-size: 80px;
   margin-bottom: 15px;
   color: #fff;
   letter-spacing: -0.01em;
}

.fab, .fas{
   padding:5px;
}

.jumbotron{
   background-color: #fff3;
   /**background-color:rgba(255, 255, 255, 0.2);**/
   background-color:rgb(0,0,0);
}

.social{
   color: #198eff;
}

.text-bold{
   font-weight:bolder;
}

.text-regular{
  color: #d1d1d1;
}

@media (min-width: 576px){
  img{ 
    width:50%;
  }
}

@media (min-width: 768px){
  img{
     width:75%;
  }
  #cysa{
     width:100%;
  }
}

@media (min-width: 992px) {
  img{
     width:35%;
  }
  #cysa{
     width:50%;
  }
	  
  .compti{
    position:absolute;
    background-color:transparent;
    margin:0;
    padding:0;
  }
}