/**** View: Modals ****/

/*
.modals .container-wrap .container{

    padding: 7% 5% 4%;
    background-color: rgba(0,0,0,0);
    animation: fade_in_bg 0.7s ease-in-out forwards;
    width: 100%;

}
*/
.modals .container-wrap .container .modal{

    position: fixed;
    display: flex;
    z-index: 1;

}
.modals .container-wrap .container .modal .text{

    display: flex;
    flex-direction: column;
    align-items: flex-start;

}
.modals .container-wrap .container .modal .btn_close{

    right: 4%;
    top:4%;

}


/* Animations */
@keyframes fade_in_bg{
    0%{
        background-color: rgba(0,0,0,0);
    }
    100%{
        background-color: rgba(0,0,0,0.8);
    }
}