@import url('../assets/font/SuisseIntl-Regular.ttf');

body {
        padding: 0;
        font-family: 'SusseIntl-Regular', sans-serif;
        margin: 0;
        background: url(../assets/img/about_me/Fondo2opcion.jpg) no-repeat center center fixed;
        background-size: cover;
        width: 100%;
        
}


/* scrolldown */

@keyframes anim-down {
        from {
                opacity: 0;
                transform: translateY(-100px);
        }

        to {
                opacity: 1;
                transform: translateY(0px);
        }
}

.anim-left,
.anim-right,
.anim-down {
        animation-duration: 2s;
        /* la animacion dura X segundos */
        animation-delay: 0.5s;
        /* esperamos X segundos antes de hacer la animacion */
        animation-fill-mode: both;
        /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-down {
        animation-name: anim-down;
}

.anim-pause-1 {
        animation-delay: 1s;
}

.anim-pause-2 {
        animation-delay: 2s;
}

.anim-pause-3 {
        animation-delay: 3s;
}

.paused * {
        animation-play-state: paused;
}

.frase {
        width: 100%;
        margin-top: 30px;
        text-align: center;
        font-size: 35px;
        font-weight: 600;
        bottom: 0;
        font-family: 'Times New Roman', Times, serif;
}

.titulo {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        height: max-content;
}

.titulo h2 {
        color: #000000;
        font-size: 28px;
        letter-spacing: 0em;
        line-height: 1.2;
        font-weight: 600;
        text-transform: uppercase;
}

/* Header Navbar */
.navbar_transparent {
        opacity: .5;
}

.navi {
        background: transparent;
        padding-top: 10px;
}

.navi a:hover {
        text-decoration: line-through;
        background: transparent;
}

.link {
        color: #181818;
        font-size: 1.7rem;
        font-weight: 500;
}

.link:hover {
        text-decoration: line-through;
        color: #181818;
}

#logoAM {
        font-size: 2.3rem;
        font-weight: bold;
}

span.icon-bar {
        background: #181818;
}


/* about me */

/* hover image */

.img_wrapper {
        position: relative;
}

.img_wrapper a {
        cursor: pointer;
}

.img_hover {
        position: absolute;
        left: 50%;
        top: -380px;
        z-index: 1;
        display: none;
        width: 1000px;
}

.img_hover_1 {
        position: absolute;
        left: -50%;
        top: -380px;
        z-index: 1;
        display: none;
        width: 1000px;
}

img {
        width: 100%;
        object-fit: cover;


}

.img_wrapper:hover>.img_hover {
        display: block;
        object-fit: cover;
}

.img_wrapper:hover>.img_hover_1 {
        display: block;
        object-fit: cover;
}

.paragraph-text .linkss {
        color: #434343;
        font-size: 20px;
}

.paragraph-text .linkss:hover {
        color: #737373;
        text-decoration: line-through;
}

@media (max-width: 600px) {
        .img_hover img {

                display: none;

        }

        .img_hover_1 img {

                display: none;
        }

}

@media (max-width: 780px) {
        .img_hover img {

                display: none;

        }

        .img_hover_1 img {

                display: none;
        }
}

.grid {
        width: 100%;
        margin: 0 auto;
        padding: 0 50px;
        margin-top: 80px;
        height: 100%;
}

@media (min-width: 600px) {
        .grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-gap: 2rem;
        }
}

.grid-item {
        padding: 1rem;
}


.title-section {
        font-weight: 600;
        font-size: 5rem;
        line-height: 1.2;
        letter-spacing: 0em;
        color: #000000;
        padding-bottom: 20px;
}

.paragraph-text {
        columns: 1;
}

.paragraph-text p {
        letter-spacing: 0em;
        line-height: 1.2;
        color: #434343;
        font-weight: 400;
        text-align: left;
        font-style: normal;
        font-size: 23px;
}

.paragraph-text p:first-child {
        margin-top: 0;
}

@media (min-width: 1024px) {
        .graphics {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                align-content: center;
                grid-gap: 2rem;
        }
}



@media (max-width: 600px) {
        .small-img {
                padding: 1rem;
        }

        .grid {
                padding: 0 20px;
                margin-top: 40px;
        }

        .frase {
                font-size: 20px;
        }

        .paragraph-text p {
                font-size: 14px;
        }

        h1.title-section {
                font-size: 3rem;
        }

        .paragraph-text p {
                font-size: 14px;
        }
        
        #logoAM {
        font-size: 1.3rem;
        font-weight: 500;
    }

    #logoAMfooter {
        font-size: 18px;
    }

        .paragraph-text .linkss {
                font-size: 14px ;
        }
}

.paragraph-text .linkss {
        font-size: 14px;
}


@media (max-width: 712px) {
        .frase {
                font-size: 25px;
        }


}

@media (max-width: 780px) {
        .paragraph-text p {
                font-size: 14px;
        }


        .paragraph-text .linkss {
                font-size: 14px ;
        }

}

@media (max-width: 510px) {
        .frase {
                font-size: 20px;
        }
}

@media (max-width: 412px) {
        .frase {
                font-size: 15px;
        }
}

/* Footer */


#logoAMfooter {
        font-size: 23px;
        font-weight: 600;
        color: #000000;
}


.site-footer {
        background:transparent;
        padding: 20px;
        display: flex;
        align-items: center;

}

#row {
        display: flex;
        align-items: center;
}

.site-footer .social-icons {
        text-align: right
}



.site-footer .social-icons a {
        width: 40px;
        height: 40px;
        /* margin-left: 6px; */
        margin-right: 0;
        border-radius: 100%;
}

.fa {
        font-size: 23px !important;
}

@media (max-width:991px) {
        .site-footer [class^=col-] {
                /* margin-bottom: 15px; */
                display: flex;
                justify-content: center;
                align-items: center;
        }


}

@media (max-width:767px) {
        .site-footer {
                padding-bottom: 0
        }

        .site-footer .social-icons {
                text-align: center
        }
}

.social-icons {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
}

.social-icons li {
        display: inline-block;

}

.social-icons li {
        display: inline-block;
        margin-bottom: 0px !important;
}

.social-icons li.title {
        margin-right: 15px;
        text-transform: uppercase;
        color: #96a2b2;
        font-weight: 700;
        font-size: 13px
}

.social-icons a {
        color: #000000;
        font-size: 23px;
        display: inline-block;
        line-height: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 100%;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
}

.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
        color: #ffffff;
        background-color: #000000
}

f .social-icons.size-sm a {
        line-height: 34px;
        height: 34px;
        width: 34px;
        font-size: 14px
}


@media (max-width:767px) {
        .social-icons li.title {
                display: block;
                margin-right: 0;
                font-weight: 600
        }
}