.SEC-Arquitectura {
    margin-right: auto;
    margin-left: auto;

    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;

    max-width: 1920px;
    background-color: #222222;
}

.SEC-Todo-Docencia {
    margin-right: auto;
    margin-left: auto;

    padding-top: 50px;
    padding-bottom: 25px;
    width: 100%;

    max-width: 1920px;
    background-color: #5855D7;
}

.ARQ-Container {
    width: 100%;
    position: relative;
    bottom: 0px;
    margin-right: auto;
    margin-left: auto;

    display: flex;
    flex-direction: column;

    justify-content: center;
}


.Proyecto-LaFlota,
.Proyecto-SanJose,
.Proyecto-Aguilas,
.Proyecto-ElPalmar,
.Proyecto-ElPalmar-MainScreen,
.Proyecto-Desplegado,
.Proyecto-Huette,
.Proyecto-5V,
.Proyecto-Cabezo,
.Proyecto-Fortuna,
.Proyecto-Cantina,
.Proyecto-Molina,
.Proyecto-LaUnion,
.Proyecto-Cigarral {

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    margin-top: 50px;

}

.Proyecto-SanJose {
    width: 75%;
    margin-left: 25px;
}

.Proyecto-LaFlota {
    width: 60%;
    margin-right: 25px;
    margin-left: auto;
}


.Proyecto-ElPalmar {
    width: 60%;
    margin-left:auto;
    margin-right: 25px;
}

.Proyecto-ElPalmar-MainScreen {
    width: 60%;
    margin-right:auto;
    margin-left:  25px;
}

.Proyecto-Desplegado {
    width: 65%;
    margin-right: 25px;
    margin-left: auto;
    
}

.Proyecto-Molina {
    width: 60%;
    margin-right: 25px;
    margin-left: auto;
}

.Proyecto-Cigarral {
    width: 60%;
    margin-left: 25px;
}

.Proyecto-Huette {
    width: 60%;
    margin-left: 25px;
    margin-right: 0px;
}


.Proyecto-Aguilas {
    margin-right: 25px;
    margin-left: 25px;
}

.Proyecto-5V {
    width: 60%;
    margin-left: 25px;
}

.Proyecto-LaUnion {
    width: 60%;
    margin-right: 25px;
    margin-left: auto;
}

.Proyecto-Cabezo {
    width: 75%;
    margin-right: 25px;
    margin-left: auto;
}

.Proyecto-Fortuna {
    margin-right: 25px;
    margin-left: 25px;
}

.Proyecto-Cantina{
    width: 65%;
    margin-right: auto;
    margin-left: 25px;
}


.IMG-Proyecto {
    width: 100%;
    height: auto;
}

.Proyecto-Titulo {
    width: 100%;
    padding-top: 8px;
    font-size: 20px;
    text-align: right;
    color: white;
}

.Proyecto-Titulo:hover{
    font-style: italic;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 6px;
    cursor: pointer;
   
    
}

.Todo-en-Arquitectura {
    display: inline-block;
    color: white;
    text-decoration-line: underline;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 6px;
    cursor: pointer;
    
   
    
}

.Todo-en-Arquitectura:hover {
   
    font-style: italic;
} 

@media (min-width: 576px) {

    .Todo-en-Arquitectura {
        margin-bottom: 25px;
    }

    
}


@media (min-width: 768px) {

    .ARQ-Container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    .spacer {
        width: 50px;
    }

    .Proyecto-SanJose {
        width: 300px;
        margin-left: 50px;
        margin-right: 0px;

    }

    .Proyecto-LaFlota {
        width: 300px;
        padding-top: 75px;
        margin-left: 0px;
        margin-right: 50px;

    }

    .Proyecto-ElPalmar {
        width: 400px;
        padding-top: 150px;
        margin-left: 0px;
        margin-right: 50px;
    }

    .Proyecto-ElPalmar-MainScreen{
        width: 400px;
        padding-top: 50px;
        margin-left: 0px;
        margin-right: 50px;
    }

    .Proyecto-Desplegado {
        width: 400px;
        padding-top: 150px;
        margin-left: 0px;
        margin-right: 50px;
    }

    .Proyecto-Molina {
        width: 400px;
        padding-top: 75px;
        
        margin-right: auto;
        margin-left: auto;

    }

    .Proyecto-Cigarral {
        width: 350px;
        margin-left: 50px;
    }

    .Proyecto-Huette {
       
        width: 500px;
      
    }

    .Proyecto-Aguilas {
        margin-right: 50px;
        margin-left: 50px;
    }

    .Proyecto-5V {
        width: 350px;
        margin-left: 50px;
    }

    .Proyecto-LaUnion {
        width: 350px;
        margin-left: 50px;
        padding-top: 50px;
       
    }

    .Proyecto-Cabezo {
        width: 350px;
        
        margin-left: 0px;
        margin-right: 50px;
    }

    .Proyecto-Fortuna{
        width: 300px;
        margin-left: 50px;
        margin-right: 0px;
    }

    .Proyecto-Cantina{
        width: 400px;
        padding-top: 75px;
        margin-left: 0px;
        margin-right: 50px;
    }





}

@media (min-width: 1200px) {

    .SEC-Arquitectura {
        padding-top: 200px;
        padding-bottom: 100px;
    }


    .spacer {
        width: 100px;
    }

    .Proyecto-LaFlota,
    .Proyecto-SanJose,
    .Proyecto-Aguilas,
    .Proyecto-ElPalmar,
    .Proyecto-ElPalmar-MainScreen,
    .Proyecto-Desplegado,
    .Proyecto-Huette,
    .Proyecto-5V,
    .Proyecto-Cabezo,
    .Proyecto-Fortuna,
    .Proyecto-Cantina,
    .Proyecto-Molina,
    .Proyecto-LaUnion,
    .Proyecto-Cigarral {

        margin-top: 75px;

    }

    .Proyecto-SanJose {
        width: 600px;
        margin-left: 50px;
        margin-right: 0px;
    }

    .Proyecto-LaFlota {
        width: 400px;
        margin-left: 0px;
        margin-right: 50px;
    }

    .Proyecto-Molina {
        width: 600px;
        margin-right: auto;
        margin-left: auto;
    }


    .Proyecto-Aguilas {
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }

    .Proyecto-5V {
        margin-top: 50px;
        margin-right: 0px;
        margin-left: 50px;
    }  
    
    .Proyecto-Cigarral {
        margin-right: 0px;
        margin-left: 50px;
    }

    .Proyecto-Desplegado {
        
        margin-right: 0px;
        margin-left: 50px;
    }

    .Proyecto-LaUnion {
       
        margin-right: 0px;
        margin-left: 50px;
    }

    .Proyecto-Cabezo {
        width: 400px;
        margin-left: 0px;
        margin-right: 50px;
        padding-top: 25px;
    }

    .Proyecto-Fortuna {
        width: 400px;
        margin-left: 0px;
        margin-right: 50px;
        padding-top: 25px;
    }

    .Proyecto-Cantina {
        width: 400px;
        margin-left: 50px;
        margin-right: 50px;
        padding-top: 100px;
        
    }


  

}