html {
    font-family: 'Days One', sans-serif; 
	font-size: 16px;
}

body {
    font-family: 'Days One', sans-serif;
	font-size: 16px;
	margin: 0 auto;
	align-content: center;
}

*
{
    margin:0px;
    padding:0px;
}

.row{	
    display: table;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.row::after {
    content: "";
    clear: both;
}

[class*="col-"] {
    float: left;
	margin-left: auto;
	margin-right: auto;
    padding: 15px 0px 15px 0px;	
}


.header {
    background-color: #ffffff;
    color: #36C445;
    padding: 15px;	
}

.footer {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 12px;
    padding: 100px 15px 15px 15px;
}

.hours{	
	text-align: center;
	display: inline-block;
	padding: 15px;
}

.hours p{
	text-align: center;
	padding-top: 15px; 
}

.hours a{
		color: #bf1e2d;
		text-decoration: none;
}

.hours ul li{
		list-style: none;
		text-decoration: none;
}

.kratom{
	text-align: center;	
	margin: 0 auto;
}
.kratom li{
	padding-left: 50px;
	color: #36C445;
	list-style: none;
}

.google-map{
	text-align: center;
	align-content: center;
	display: inline-block;
}
.google-map p{
	text-align: center;
	padding-top: 5px; 
}

.google-map a{
		color: #bf1e2d;
		text-decoration: none;
}
	

#map{
    width: 80%;
    height: 400px;
    background-color: grey;
	margin: auto;
}

.kratom_closet{
	text-align: center;
    width: 80%;
    margin: auto;
	display: inline-block;
}

.kratom_closet p{
	text-align: center;    
}

.kratom_closet a{
		color: #bf1e2d;
		text-decoration: none;
}

h1{
	text-align:center;
}

h2{
	text-align:center;
	color: #000000;
	font-size: 14px;
	font-weight: 200;
}

h3{
	text-align:center;
	color: #36C445;
	font-size: 30px;	
}
	
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	.col-m-13 {
		width: 5%;
		padding: 0px;
	}
}

@media only screen and (min-width: 800px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 30%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	.col-13 {
		width: 5%;
		padding: 0px;
	}
}