/* -----------------------------------
default
----------------------------------- */

body { font-size: 100%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
p {font-size:95%}
.banner { font-size: 200%; }
.btn { font-size: 150%; }
.intro { font-size: 110%; }
.col-text { font-size: 95%; }

/* -----------------------------------
32em
----------------------------------- */

@media (min-width:32em)
{
	body { font-size: 112.5%; }
	.banner { font-size: 225%; }
	#nav { font-size: 88.89%; }
    .col-text { font-size: 75%; }
    .subtitle {font-size: 85%;}
    p { font-size: 75%; }
    
}

/* -----------------------------------
44em
----------------------------------- */

@media (min-width:44em)
{
	body { font-size: 125%; }
	.banner { font-size: 250%; }
	#nav { font-size: 80%; }
}