/**
 colors:
 #00caca - Turquoise,
*/
body
{ color:#444444;	font-family: 'Open Sans', 'Montserrat', 'Arial'; }

ul { font-size: 100%; }
li { margin: 0; }

/*
 	Navigation
*/
nav { font-size: 2rem; }
nav ul { /* Overwrite Skeleton Settings */ padding: 0; margin: 0; }
nav li { float: right; display: inline-block; padding-right: 4rem; }
.nav-li-no-padding { padding-right:0rem; }
.nav-li-padding-top { padding-top:2rem; }
nav li a { display: block; color:white; /* REMOVE LATER*/ }
nav li a:link { text-decoration: none; }
nav li a:hover { color: #19B5FE; }

.nav1 { padding : 2.5rem;}

.logo1 { font-family:Verdana,Arial; 	font-size: 4rem; display: block;}
.logo2 { font-family:Verdana,Arial; 	font-size: 3rem; display: block;}

.section-header { padding: 40rem 0; }

.section-brands { padding: 10rem 0; }
			.brand-img { width: 85%; height: auto;}

.section-items { padding: 0rem 0; }
	.sub-section-items { padding: 0rem 0; }

.section-address { padding: 5rem 0; background-color: #eeeeee; }
	.section-address a { color:#444444; /* REMOVE LATER*/	}


.standalone-text	{ font-size: 3rem; margin-top: 6rem; margin-bottom: 6rem;}

/**
	General classes
**/
.center {	text-align: center; }
.list-no-style { list-style-type: none; }
.float-left { float: left; }

/**
    ATCO Logo
**/
.logo-div { margin-bottom: 0.2em; }
.logo-img { width: 450px; }


/* Larger than mobile */
@media (min-width: 0px) {
	.section-header {  padding: 8rem 0; }
	.standalone-text	{ font-size: 1.5rem; margin-top: 7rem; margin-bottom: 7rem;}

	h1 { font-size: 2.4rem; }
	h5 { font-size: 2.0rem; }

	.nav1 { display: none }
	.nav2 { display: block }
    .logo-img { width: 200px; }

}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.section-header {  padding: 17rem 0; }
	.standalone-text	{font-size: 2.3rem; margin-top: 12rem; margin-bottom: 12rem;}

	h1 { font-size: 4.0rem; }

	.nav1 { display: block }
	.nav2 { display: none }

	.logo-div { margin-bottom: 1em; }
	.logo-img { width: 350px; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	.section-header {  padding: 25rem 0; }
	.standalone-text	{font-size: 3rem; margin-top: 12rem; margin-bottom: 12rem;}
	h1 { font-size: 5.0rem; }
	h2 { font-size: 4.3rem; }
	h3 { font-size: 4.0rem; }
	h4 { font-size: 2.8rem; }
	h5 { font-size: 2.4rem; }
	h6 { font-size: 2.1rem; }

	.logo-div { margin-bottom: 1.8em; }
	.logo-img { width: 450px; }

}

/* Larger than desktop */
@media (min-width: 1000px) {
	.section-header {  padding: 32rem 0; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}