.iframe-content {
 width: 100%;
min-height: 100rem;
}





h1 {
  font-family:   'graduate', cursive;
}

h5 {
  font-family:   'graduate', cursive;
   color:#FCFBFB;
}




h2 {
  font-family:   '', cursive;
  color:#000;
}


hr{
    background: green;
}



h4{
     font-family: ' cursive';
     color: green;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}



.jumbotron{
 text-align: center;
 color:gray;


  background:  url();
  background-repeat:no-repeat;
background-size: 90%;
background-position: center;

     

     

}








#title-enroll{
    
}

.container-fluid{
    
   
   
   
    
  
}


h2{
    font-family:   'pacifico', cursive; 
}

#what-learn{
    text-align: center;
 
    border: 15px;
}
.footer{
    text-align: center;
    color:white;
    padding: 20px;
    background:#000;
    
}
.footer a{
  
    color:green;
}
.footer a:hover{
 color:#ff0;   
    
}
p{
   
}



  
    



.table{
    border: 5px;
}



#myModal1 .modal-dialog  {width:75%;}

#myModal2 .modal-dialog  {width:75%;}

#myModal3 .modal-dialog  {width:75%;}


#myModal .modal-dialog  {width:20%;}

#myModal4 .modal-dialog  {width:75%;}

 .panel-primary{
    width: 1000px;
    height: auto;
}

#myModal5 .modal-dialog  {width:75%;}
#myModal6 .modal-dialog  {width:75%;}

 
   
     
    
}

.panel-primary{
    color: #000;
}

#linkref{
    color: red;
     font-family:   'graduate', cursive;
     font: bold 100% graduate;
font-size: 1.3em;
}


.delimitador{
    width:560px;    /* Ancho máximo */
    margin:auto;    /* Centramos el vídeo */
}
.contenedor{
    height:0px;
    width:100%;
    padding-top:56.25%; /* Relación: 16/9 = 56.25% */
    position:relative;
}
/* El iframe se adapta al tamaño del contenedor */
.contenedor iframe{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}

.carousel-inner img {
    width: 100%;
    max-height: 800px;
}









.card{
            margin: 0 auto;
            background: #0B9E1D ;
            color:rgb(255, 255, 255);
            width: 250px;
            padding: 20px;
            box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
            border-radius: 20px;            
        }


.card-header{
            background: var(--card-header-color);            
            margin: -20px;
            padding: 20px;
            border-radius: 20px 20px 0px 0px;
        }

.card-body{
            background: var(--card-body-color);
            margin: -20px;
            padding: 20px;
            border-radius: 00px 00px 20px 20px;


}