.container-top-menu > .menu {
    color: var(--color2);
}

.home {
    background: none;
    box-sizing: content-box;
    padding: 0;
    height: 550px;
    margin: 4% auto auto auto;
    background-image : url("../images/psycho.jpg");
    background-size: cover;
    background-position: center;
    /*
    margin-left: 9.5%;
    margin-right: 9.5%;
    */
    margin-bottom: 5%;
}

.home-roll {
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;

}

.home-text {
    margin: 1%;
    padding: 2%;
    margin-top: 5%;
    width: 100%;
    animation: spawn 1.2s ease;
}

@keyframes spawn {
    from {
        opacity: 0;
        translate: 0 90px;
    }
    to {
        opacity: 1;
        translate: 0 0;
    }
}

.home-roll h1 {
    color: white;
    font-size: 300%;
}
.home-roll p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 140%;
    margin: 2% 0;
}

.home-roll a {
    all:unset;
    font-size: 110%;
    color: white;
    cursor: pointer;
    border: solid white 2px;
    padding: 8px 12px;
    border-radius: 20px;
    transition: all 0.7s ease;
}

.home-roll a:hover {
    text-decoration: none;
    transform: scale(1.05);
    transition: all 0.7s ease;
    background-color: #caaceb9a;
}

.home-roll a i {
    font-size: 90%;
}

.home-roll span {
    width: 9.5%;
    font-family: inherit;
    font-size: 550%;
    color: rgba(255, 255, 255, 0.5);
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all 0.7s ease;
    cursor: pointer;
    font-family: 'Marmelad', sans-serif;
}

.home-roll span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    transform: scale(1.1);
    transition: all 0.7s ease;
}
img[alt="Logo AFTCC"] {
    margin: 0.5% 0 -1.5% 1%;
}

/*------------------------------------------------------------------------*/

@media screen and (max-width:1100px) {

    .page {
        border: none;
    }

    .home {
        margin-bottom: 0;
        height: 300px;
    }

    .home-text {
        margin: 70px 10px 0 10px;

    }
    
    .home-roll h1 {
        color: white;
        font-size: 150%;
    }

    .home-roll p {
        color: rgba(255, 255, 255, 0.8);
        font-weight: bolder;
        font-size: 75%;
        margin: 10px 0 20px 0;
        
    }


    
    .home-roll a {
        font-size: 70%;
        font-weight: bolder;
        background-color: #d3b5f3c9;
        padding: 6px 10px;
    }
    
    
    .home-roll span {
        font-size: 500%;
        width: 20%;
    }
    

}