@media only screen and (max-width:1024px)
{
    .tokenomics-text small
    {
        font-size:27px;
    }
    .colored-text
    {
        font-size:44px;
    }
    .rockdoge-roadmap .rockdoge-roadmap-container .quarters ul
    {
        font-size:14px;
    }
	.btn
	{
		font-size:16px !important;
	}
}

@media only screen and (max-width:768px)
{
    .rockdoge-nav .d-flex
    {
        display:block !important;
    }
    .mobile-only
    {
        display:block;
    }
    .rockdoge-nav
    {
        display:none;
    }
    .rockdoge-next
    {
        position: absolute;
        z-index: 3;
        right: 5px;
        top: 26%;
    }
    .rockdoge-prev
    {
        position: absolute;
        z-index: 3;
        left: 5px;
        top: 26%;
    }
    .colored-text
    {
        font-size:35px;
    }
    .tokenomics-text small
    {
        font-size:20px;
    }
    .rockdoge-logo-big::after
    {
        right: -352%;
    }
	.rockdoge-logo-big
	{
		margin-top: 130px;
	}
    .section-title p 
    {
        font-size: 23px;
    }
    h2
    {
        font-size:36px;
    }
    .rockdoge-roadmap .rockdoge-roadmap-container
    {
        padding:40px;
    }
}

@media only screen and (max-width:468px)
{
    h1
    {
        font-family: 'GT Haptik Regular', Fallback, sans-serif !important;
        font-size:65px;
    }
    
    h3
    {
        font-family: 'GT Haptik Regular', Fallback, sans-serif !important;
        font-size:24px;   
    }
    
    p
    {
        font-family: 'GT Haptik Regular', Fallback, sans-serif !important;
        font-size:16px;   
        line-height:140%;
    }

    .btn
    {
        background-color:#252B40;
        border:0px;
        font-size:16px !important;
        padding:15px;
        border-radius:10px;
    }
    .rockdoge-logo-big::after
    {
        top: -20%;
        right: -100vh;
        z-index: -1;
        transform: scale(0.5);
    }

    .section-title
    {
        display:block;
    }

    .section-title p
    {
        font-size:20px;
        width:100%;
    }

    .rockdoge-roadmap .rockdoge-roadmap-container
    {
        padding:25px;
    }

    h2
    {
        font-size:30px;
    }
    .rockdoge-heading
    {
        padding-top:50px;
    }   
	.rockdoge-logo-big
	{
		margin-top: 40px;
	}
    .rockdoge-dive-in
    {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left:50px;
        padding-right: 50px;
    }
    .navbar
    {
        position:sticky;
        top:0px;
        z-index: 10;
        border-bottom: 1px solid #181d2e;
    }

    .rockdoge-footer li, .rockdoge-footer ul
    {
        float:inherit;
        padding:0px;
    }

    .rockdoge-footer li
    {
        padding-bottom:20px;
    }

    .rockdoge-footer.d-flex
    {
        display:block !important;
    }

    .rockdoge-footer hr
    {
        display:block;
    }
	
	.rockdoge-animation .moon
	{
		bottom: -37%;
	}
	.rockdoge-animation .floating_doge
	{
		transform: scale(0.4);
		right: -20%;
	}
}

@media only screen and (max-width:375px)
{
    .btn
    {
        font-size:15px !important;
    }
}

@media only screen and (max-width:320px)
{
    .btn
    {
        font-size:12px !important;
    }
    h1
    {
        font-size: 50px;
    }
    h3
    {
        font-size:21px;
    }
    p
    {
        font-size:13px;   
    }
}