@import "navbar.css";
@import "aboutus.css";
@import "blogs.css";
@import "footer.css";
@import "blogpost.css";

/* Reset styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Global styles */

body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background-color: #f4f4f4;
}

/*Extra small devices*/
@media screen and (min-width: 200px) and (max-width: 499px) {
    .destinations-container {
        justify-content: center;
        flex-wrap: wrap;
    }
 }

/*Small devices and Tablets*/
@media screen and (min-width: 500px) and (max-width: 767.98px) {
    .destinations-container {
        margin: 5vh 10vw 0 10vw;
    }
 }

 /*Media Queries*/

/*Small devices (landscape phones, 576px and up)*/
@media screen and (max-width: 767.98px) {
    .grid-container {
        grid-template-columns: auto;
    }

    .profile {
        grid-column: 1 / span 1;
        grid-row: 1 !important;
    }

    .summary {
        grid-column: 1 / span 1;
        grid-row: 2 !important;
    }

    .dp {
        max-height: 21rem;
        width: 100% ;
        border-radius: 1rem;
        margin: 0.125rem;
    }
}