/*
Description: Fibrenew wordpress theme 2018
Version: 1.0
Author: Fibrenew
Author URI: http://www.fibrenew.com
Tags: white, grey, fixed width, widgets
*/

/*--- CSS Reset ---*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit;}

:focus {outline: 0;}
body {font-family:"jaf-bernino-sans-condensed",sans-serif; font-size: 20px; color:#000; word-wrap:break-word; }
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0; width:100%; }
caption, th, td {text-align: left;font-weight: normal; padding:5px; vertical-align:top; }
blockquote:before, blockquote:after,q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
input {margin: 0; padding: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; }
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--- 1. Common ---*/

html {overflow-y: scroll; background:#fff; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
a {color:#000; text-decoration:none; }
a:hover { color:#951621; }
ul, li {list-style-type:none;}
hr {height: 1px; margin:20px 0 0 0; padding: 0; border: 0; border-bottom: 1px solid #a6a292; clear:both; }


#content{ max-width: 900px; margin: 65px auto 0; display: flex; flex-wrap: wrap; }

#left{ width: 62%; }
#right{ width: 38%;}

#right #headshotphoto{ margin-top: 30%; text-align: right; }
#right img{ width: 85%; }

#franchisename{ font-size: 60px; font-weight: 800; line-height: 60px; margin-top: 10px; }
#franchiseename{ font-size: 30px; color: #750813; }

#franchiseedetails{ margin-top: 30px; color: ##8c9194; font-size: 30px; }
#franchiseedetails a{ color: #8c9194; font-size: 30px; }

#business_phone{ color: #8c9194; font-size: 30px; }

#comingsoonlabel{ margin-top: 30px; color: #000; font-size: 30px; font-weight: 700; }
#comingsoondatelabel { color: #000; font-size: 25px; }

#fullwidth{ width: 100%; margin-top: 30px; padding: 5px 20px; text-align: center; background: #750813; }
#fibrenewlabel a{ color: #fff; font-size: 30px; }

#mobileheadshot{ display: none; }

@media screen and (max-width: 900px) {
	#content{ width: 95%; }
}

@media screen and (max-width: 600px) {
	#content{ text-align: center; width: 100%; margin-top: 30px; }
	#left{ width: 95%; margin: 0 auto; }
	#right{ display: none; }
	#mobileheadshot{ display: block; text-align: center; margin: 30px 0; }
	#mobileheadshot img{ max-width: 400px; width: 80%; }
}

@media screen and (max-width: 400px) {
	#franchisename{
		font-size: 45px;
		line-height: 45px;
	}
}