/* FOUNDATION BESPOKE STYLES
		Company:Reinventing the Wheel
		CreatedBy:ting@webnetism.com
    UpdatedOn:31/05/2018
------------------- */

/* Small and Up */
@media screen and (min-width:0px) {
	html {/* 400 reg, 700 bold, 800 black */ font-family:'Lato', sans-serif; font-size:100%; font-weight:400; color:#333;}
	body {margin:0; padding:0;}
	h1 {font-size:2.9rem; font-weight:700; line-height:3rem;}
	h2 {margin-bottom:2rem; font-size:1.3rem; font-weight:800; line-height:1.8rem; text-transform:uppercase;}
	h2 .redline {border-bottom:4px solid #bf0000; padding-bottom:.4rem;}
	h3 {margin-bottom:1rem; font-size:1.1rem; font-weight:400; line-height:1.6rem;}
	
	p {margin-bottom:1.7rem; line-height:1.7rem;}
	strong {font-weight:700;}
	
	::selection {background:#3399ff; color:#fff;}
	::-moz-selection {background:#3399ff; color:#fff;}
	:focus {outline:0;}
	a {transition:all .15s ease-in; color:#333; text-decoration:none;}
	a:hover {color:#bf0000; text-decoration:none;}
	h1 a {transition:color .25s ease-in; border-bottom:none; color:#333; text-decoration:none;}
	h1 a:hover {border-bottom:none; color:#3399ff; text-decoration:none;}
	
	.contact-button, button {transition:all 0.5s; cursor:pointer; background-color:#c00000; border:none; width:auto; padding:.5rem 2.5rem .8rem 1.2rem; font-size:1.1rem; color:#fff; text-align:center;}
	.contact-button, button {cursor:pointer; transition:0.5s; display:inline-block; position:relative;}
	.contact-button:hover, button:hover{background:#000; padding-left:1.2rem;}
	.contact-button:after, .git a:after, button:after {transition:0.5s; content:'\203A'; position:absolute; top:3px; right:20px; opacity:1; font-size:1.6rem;}	
	.contact-button:hover:after, .git a:hover:after,button:hover:after {opacity:1; right:8px;}
	.contact-button, button a, button a:hover {font-size:.9rem; font-weight:400; color:#fff; text-decoration:none;}
	
	.btn {
		display:inline-block;
		cursor:pointer; transition:all 0.5s;
		width:auto; padding:.4rem 2.5rem .6rem; background:rgba(191,0,0,1.0); border-radius:0; 
		font-size:1rem; font-weight:400; text-align:center; text-transform:capitalize;}
	.btn:hover {background:rgba(0,0,0,1.0); color:#fff; text-decoration:none;}
	
	.darkgrey {color:#333;}
	.red {color:#bf0000;}

	hr {border-bottom:1px dotted #bbb; margin-top:3rem; margin-bottom:0;}	
	
	.float-lf {float:left;}
	
}


/* Medium and Up */
@media screen and (min-width:601px) {
	h2 {font-size:1.3rem;}
	h3 {font-size:1.2rem;}	
	.full-width {width:100%;}
}

/* Large and Up */
@media screen and (min-width:993px) {
	h1 {font-size:2.7rem; line-height:3rem;}
}