@charset "utf-8";

/* =====================================
   RESPONSIVE
===================================== */

@media (max-width:768px){

.header-container{

    display:block;

    text-align:center;

}

.logo{

    width:600px;

}

nav{

    margin-top:25px;

}

nav a{

    display:block;

    margin:15px 0;

}

nav a.rescue-nav{
    margin:15px 0;
    font-size:18px;
}

.hero{

    display:block;

    text-align:center;

}

.hero h1{

    font-size:36px;

}

.hero p{

    font-size:18px;

}

.hero-image{

    margin-top:40px;

}

.services{

    grid-template-columns:1fr;

}

.footer-container{

    grid-template-columns:1fr;

    gap:30px;

}

}