.main-logo{
            width: 120px;
            /*padding-top:25px;*/
        }
        
        .small-logo{
            width: 100px !important;
            /*padding-top: 10px !important;*/
        }
        
        #mainNav {
            box-shadow: none;
            background-color: #8052D8;
        }
        #mainNav .navbar-nav .nav-item .nav-link {
            color: #fff !important;
            font-weight: bold;
        }
        #mainNav .navbar-nav .nav-item .nav-link:hover {
            color: #A3FF00 !important;
            text-decoration: underline;
        }
        
        #mainNav.navbar-shrink {
            box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
            background-color: #8052D8;
        }
        
        #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {
            color: #FFF;
        }
        
        #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
            color: #f3f3f3;
        }
        
        #mainNav .navbar-nav .nav-item .nav-link.active {
            color: #000 !important;
        }
        
        
        #mainNav .navbar-nav .nav-item .nav-link {
            font-weight: 500;
            font-size: 18px;
            font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-family: "NeuethingSans";
            
        }
        
        .p-200{
            padding-top: 220px;
        }
        
        .mt-10{
            margin-top: 10px;
        }
        
        .btn-green {
            background-color: #A3FF00;
            border-color:  #A3FF00;
            color:  #000000 !important;
            /*font-weight: bold;*/
        }
        
        .btn-purple {
            background-color: #8052D8;
            border-color:  #8052D8;
            color:  #FFFFFF !important;
            font-weight: bold;
        }
        
        .btn-primary{
            background-color: #805BA0;
            border-color:  #805BA0;
        }
        
        
        .btn-primary:hover{
            color:  #805BA0;
            background-color: #000;
            border-color:  #fff;
        }
        
        .btn-home{
            width:150px;
            padding:15px;
            font-size:18px;
        }
        
        .bg-primary{
            background-color: #fff !important;
        }
        
        .card-home{
            background-color: #8052D8 !important;
            padding: 10px;
            align-items: center;
        }
        
        .card-home h5{
            color: #A3FF00;
            font-weight: bold;
        }
        
        .card-home .card-body{
            color: #FFFFFF;
            /*font-weight: bold;*/
        }
        
        .card-home h2{
            color: #FFFFFF;
            font-weight: bold;
        }
        
        .portfolio-box-caption{
            background-color: rgba(128,90,160,0.7) !important;
        }
        
        
        
        @media (max-width: 640px) {
            .main-logo{
                width: 70px;
                padding-top:25px;
            }
            #mainNav {
                background-color: ##8052D8;
            }
        
            .navbar-light .navbar-toggler {
                color: rgba(254,254,254, 0.55);
                border-color: rgba(254,254,254, 1);
                background-color: rgba(254,254,254, 0.8);
            }
        
            #mainNav .navbar-nav .nav-item .nav-link {
                color: #fff;
            }
        
            .btn-home {
                margin-top: 100px;
            }
        
            .ps-150{
                padding-top:150px;
            }
        
            .ts-center{
                text-align:center !important;
            }
        
            .page-section {
                padding: 5rem 0;
            }
        }
        
        #queIncluye {
            background-color: #000000;
            padding-top: 4rem !important;
        }
        
        .text-green {
            color: #A3FF00;
            font-weight: bold;
        }
        
        .text-white {
            color: #FFFFFF !important;
            /*font-weight: bold;*/
        }
        
        .challenge-icon {
            height: 6rem;
            margin: 1rem;
        }
        
        #comoParticipo {
            background-color: #EAEAEA;
        }
        
        #content {
            background-color: #EAEAEA;
        }
        
        #comoParticipo h2{
            text-align: center;
            margin-top: 4rem;
            margin-bottom: 4rem;
            font-weight: bold;
        }
        
        .containerInstructions {
            display: flex; /* Use flexbox to arrange items horizontally */
            align-items: center; /* Center items vertically within the container */
            text-align: left; /* Align text to the left within the container */
        }
        
        .circle {
            width: 2rem;
            height: 2rem;
            background-color: #8052D8;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 20px;
         }

        .number {
            color: #A3FF00;
            font-size: 20px;
            font-weight: bold;
        }
        
        .pInstructions {
            margin-right: 1rem;
        }
        
        
        #portfolio {
            background-color: #777777;

        }
        
        .portfolioPhoto {
            background-image: url('../images/BYC-LOGOS-06.png'); /* Replace 'path/to/your/image.jpg' with the actual path to your image */
            background-position: center; /* Center the background image */
            background-attachment: fixed; /* Fix the background image within the container */
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        .portfolio-images {
            background-color: #000000;
            padding: 2rem;
            margin: 2rem;
        }
        
        #contacto {
            background-color: #8052D8;
        }