@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap');

body {
	display: inline;
}

@media screen and (max-width:415px){
	.mainbody{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 0px;
	}
	ul{
		padding-left: 25px;
	}
	.custom-toggler.navbar-toggler {
		font-size: 0.75em;
	}
	main{
		margin-bottom: 0px;
	}
	#h1{
		padding: 0;
	}
	#img-fluid{
		padding: 0;
	}
	#hero{
		padding-top: 75px;
		padding-bottom: 0px;
	}
	h1{
		font-size: 1.5rem;
	}
    #hero-text h1 {
        font-size: 1.5rem;
    }
	#hero-text h2 {
        font-size: 1.25rem;
    }
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link,
	.navbar-custom .dropdown-item {
    	font-size: 0.9em;
	}
	footer{
		font-size: 0.8em;
	}
}


@media screen and (min-width:415px){
	.mainbody{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 0px;
	}
	ul{
		padding-left: 25px;
	}
    .custom-toggler.navbar-toggler {
		font-size: 0.75em;
	}
	main{
		margin-bottom: 0px;
	}
	#h1{
		padding: 0;
		
	}
	#img-fluid{
		padding: 0;
	}
    h1{
		font-size: 1.5rem;
	}
	#hero-text h2 {
        font-size: 1.25rem;
    }
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link,
	.navbar-custom .dropdown-item {
    	font-size: 1.1em;
	}
	footer{
		font-size: 0.8em;
	}
}

@media screen and (min-width:615px){
	.mainbody{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 0px;
	}
	ul{
	padding-left: 90px;
}
    .custom-toggler.navbar-toggler {
		font-size: 0.75em;
	}
	main{
		margin-bottom: 0px;
	}
	#h1{
		padding: 0;
	}
	#img-fluid{
		padding: 0;
	}
    #hero-text h1 {
        font-size: 1.75rem;
    }
	#hero-text h2 {
        font-size: 1.25rem;
    }
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link,
	.navbar-custom .dropdown-item {
    	font-size: 1.5em;
	}
	.img-fluid{
		padding-left: 150px;
		padding-right: 150px;
	}
	footer{
		font-size: 0.8em;
	}
}

@media screen and (min-width:715px){
	.mainbody{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 0px;
	}
	ul{
	padding-left: 200px;
}
    .custom-toggler.navbar-toggler {
		font-size: 0.75em;
	}
	main{
		margin-bottom: 0px;
	}
	#h1{
		padding: 0;
	}
	#img-fluid{
		padding: 0;
	}
    #hero-text h1 {
        font-size: 1.75rem;
    }
	#hero-text h2 {
        font-size: 1.25rem;
    }
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link,
	.navbar-custom .dropdown-item {
    	font-size: 1.5em;
	}
	.img-fluid{
		padding-left: 175px;
		padding-right: 175px;
	}
	footer{
		font-size: 0.8em;
	}
	
}
@media screen and (min-width:915px){
    .custom-toggler.navbar-toggler {
		font-size: 0.75em;
	}
	.mainbody{
		padding-left: 250px;
		padding-right: 250px;
		padding-top: 0px;
	}
	ul{
		padding-left: 200px;
	}
	main{
		margin-bottom: 0px;
	}
	#h1{
		font-size: 1.75rem;
	}
	#img-fluid{
		padding: 0;
	}
    #hero-text h1 {
        font-size: 1.75rem;
    }
	#hero-text h2 {
        font-size: 1.25rem;
    }
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link,
	.navbar-custom .dropdown-item {
    	font-size: 1.5em;
	}
	.img-fluid{
		padding-left: 250px;
		padding-right: 250px;
	}
	footer{
		font-size: 0.8em;
	}
}

@media screen and (min-width:1000px){
	.img-fluid{
		padding-left: 300px;
		padding-right: 300px;
	}
}

@media screen and (min-width:1200px){
	.img-fluid{
		padding-left: 400px;
		padding-right: 400px;
	}
}

@media screen and (min-width:1400px){
	.mainbody{
		padding-top: 0px;
		padding-left: 400px;
		padding-right: 400px;
	}
	.img-fluid{
		padding-left: 500px;
		padding-right: 500px;
	}
}