body {
    position: relative;
}
body::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-image: url(./assets/abeja-foco-2-scaled-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
.content {
    position: relative;
}
.content h1 {
    font-weight: 700;
    font-size: 44px;
}
.content h3 {
    font-weight: 700;
    font-size: 40px;
}
.navbar {
    background-color: white;
}
.collapse.navbar-collapse {
    display: flex;
    justify-content: center;
}
.nav-item {
    font-size: larger;
}
.container-fluid .col-md-6 .p-md-5 h1 {
    font-weight: 700;
    font-size: xx-large;
}
.container-fluid .col-md-6 .p-md-5 h3 {
    font-size: 17px;
    font-weight: 500;
}
.btn.btn-warning {
    background: #ffa300;
    font-weight: 700;
    width: 180px;
    height: 60px;
}
.container .d-flex.justify-content-center h4 {
    width: 715px;
}
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
footer {
    background: black;
    color: orange;
}
footer .container-fluid {
    background: black;
}
footer .px-1 {
    height: 30px;
    width: 30px;
}
.certification .card {
    max-width: 298px;
}
.content .container .mb-5.pb-5 .img-fluid.rounded-0 {
    width: 450px;
}
.btn.btn-warning.btn-sm.rounded-pill {
    width: 100px;
    height: 30px;
}
.py-4 a {
    text-decoration: none;
    color: black;
}
.bg-gray-opacity {
    background: rgba(217, 217, 217, 0.75);
}
.bg-white-opacity {
    background: rgba(255, 255, 255, 0.75);
}
.navbar-position {
    justify-content: start !important;
    @media (min-width: 576px) {
        justify-content: end !important;
    }
}
.title-size {
    font-size: xx-large !important;
    @media (min-width: 576px) {
    font-size: xxx-large !important;
    }
}
.sub-title-size {
    font-size: 17px !important;
    @media (min-width: 576px) {
    font-size: 26px !important;
    }
}
.width-card {
    width: 370px  !important;
    @media (min-width: 576px) {
    width: 255px !important;
    }
}
.width-card-certification {
    max-width: 320px  !important;
    @media (min-width: 576px) {
    max-width: 298px !important;
    }
}