h2.principal-title {
    font-weight: bold !important;
    padding: 9% 5% !important;
}
div#logos img {
    width: 38% !important;
    padding: 2% 1% !important;
}

div#logoseduc img {
    width: 80% !important;
    padding: 2% 1% !important;
}

div#cursos-1 img {
    width: 90% !important;
   
}

span.cursos-text {
    font-size: 30px;
    color: white;
    text-align: center;
}

    
span.red {
    color: #f00;
}

span.blue {
    color: #013d9d;
}
body > div.row-fluid > div {
    padding: 0px !important;
}

#banner > img {
    width: 100% !important;
}
#lateral > img {
    width: 71%;
}

div#middle-content {
    padding: 4% 0%;
}

div#lateral-content {
    padding: 4% 0%;
}
div#blue-content {
    background: #013d9d;
    padding: 3% 4%;
}

div#blue-content h2 {
    color: #fff;
    font-weight: bold;
}
#blue-content > img {
    width: 19%;
}
footer#footer {
    background: #232728;
    padding: 4% 0%;
    text-align: center;
}

footer#footer p {
    color: #fff !important;
}

@media (max-width: 768px) {
    
  h2.principal-title {
    font-size: 24px;
}

div#logos {
    text-align: center;
}


div#banner {
    text-align: center !important;
    padding: 0px !important;
    margin: 0px !important;
}

div#lateral {
    text-align: center !important;
    padding: 5% 0%;
}

#middle-content > div > div:nth-child(2) {
    text-align: center !important;
    padding: 2% 9%;
}

div#blue-content h2 {
    padding: 7% 0%;
    text-align: center !important;
}

#blue-content > img {
    width: 100%;
    padding: 3% 0%;
}  
}