@import url(./style.css);

/* HEADER MEDIA START */
@media(max-width: 800px){
	#header{
		padding: 1.5rem 10%;
	}
    .burger{
        display: block;
    }
    .burger.active .bar:nth-child(2){
        opacity: 0;
    }
    .burger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
        background-color: var(--color3);
    }
    .burger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
        background-color: var(--color3);
    }

    .nav-menu{
        position: fixed;    
        left: -100%;
        top: 8rem;
        gap: 0;
        flex-direction: column;
        background-color: var(--color4);
        text-align: center;
        width: 100%;
        height: 100vh;
        padding: 5rem 0;
        border-top: 1.5px solid var(--color4);
        transition: .5s;
    }
    .navbar .nav-menu{
        gap: 0;
    }
    .nav-menu.active{
        left: 0;
    }
    .nav-item{
        margin: 1.5rem 0;
    }
}
/* HEADER MEDIA END */


/* HERO MEDIA START */
@media(max-width: 650px){
    .center{
        padding: 5rem 5% 0;
    }
    .center img{
        height: 30rem;
    }
}
/* HERO MEDIA END */


/* FEATURED NEW MEDIA START */
@media(max-width: 850px){
    #featured-news .blog-container{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 550px){
    #featured-news .blog-container{
        grid-template-columns: repeat(1, 1fr);
    }
}
/* FEATURED NEW MEDIA END */