.main-back{
    background: url(../IMG/back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
}

.home-icon{
    font-size: 1.3vw;
    padding-right: 8px;
    color: #000;
}

.home-contact{
    font-family: 'Josefin Sans', sans-serif;
}

.border-right{
    border-right: 2px solid rgb(182, 156, 8);
}

button{
    padding: 5px;
    border: 2px solid rgb(252, 240, 174);
    background-color: transparent;
    transition: all 0.5s ease-in-out;
}

button a{
    color: rgb(252, 240, 174);
    text-decoration: none;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.2vw;

}

button:hover{
    background-color: rgb(252, 240, 174);
    color: rgb(0, 0, 0);
}

button:hover a{
    color: #000000;
}

button a:hover{
    color: #000000;
}

.navbar-toggler{
    background-color: gainsboro;
}

.navbar-toggler:hover{
    background-color: gainsboro;
}

.profile{
    width: 15vw;
}



.read-more-btn{
    background-color: rgb(63, 62, 62);
    border: none;
    padding: 8px;
}

.read-more-btn a{
    color: rgb(252, 240, 174);
    /* font-size: ; */
}

.read-more-btn:hover{
    background-color: gray;
}

.read-more-btn:hover a{
    color: rgb(252, 240, 174);
}





/* MEDIA QUERY */
@media(min-width:0px) and (max-width:576px){
    .big-device-animation{
        display: none;
    }

    .main-back{
        height: 90vh;
    }

    .top-contact{
        display: none;
    }

    .profile{
        width: 45vw;
    }

    button a{
        font-size: 4.5vw;
    }

    .carousal-big{
        display: none;
    }

    .fa-brands{
        font-size: 5.5vw;
        padding-right: 8px;
        margin-top: 10px;
        color: #000;
    }

    .phone-envelope-nav{
        font-size: 4vw;
    }

    .home-contact{
        font-size: 4vw;
    }
}

@media (min-width:577px) and (max-width:767px){
    .big-device-animation{
        display: none;
    }

    .fa-brands{
        font-size: 5.5vw;
        color: #000;
        margin-top: 20px;
        padding-right: 15px;
    }

    .phone-envelope-nav{
        font-size: 3.8vw;
    }

    .home-contact{
        font-size: 3.8vw;
    }

    .main-back{
        height: 100vh;
    }

    .top-contact{
        display: none;
    }

    button a{
        font-size: 3.8vw;
        padding: 8px;
    }

    .profile{
        width: 40vw;
    }

    .carousal-big{
        display: none;
    }
}


@media (min-width:768px) and (max-width:991px){
    .big-device-animation{
        display: none;
    }

    .fa-brands{
        font-size: 5vw;
        color: #000;
        margin-top: 25px;
        padding-right: 20px;
    }

    .phone-envelope-nav{
        font-size: 3.6vw;
    }

    .home-contact{
        font-size: 3.6vw;
    }

    .top-contact{
        display: none;
    }

    button a{
        font-size: 2vw;
        padding: 5px;
    }

    .profile{
        width: 30vw;
    }

    .carousal-md-big{
        display: none;
    }
}


@media (min-width:992px) and (max-width:1199px){
    .small-device-animation{
        display: none;
    }

    button a{
        font-size: 1.3vw;
        padding: 0px;
    }

    .profile{
        width: 20vw;
    }
}  



@media (min-width:1200px) and (max-width:1399px){
    .small-device-animation{
        display: none;
    }
}


@media (min-width:1400px){
    .small-device-animation{
        display: none;
    }

    .home-contact{
        font-size: 1.2vw;
    }

    .home-icon-2{
        font-size: 1.2vw;
    }
}