﻿html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img, div, header, nav, span, dl, dt, dd {margin: 0; padding: 0; border: 0;}

ul, li, p, h1, h2, h3, h4, h5, h6, a, img {font-weight: 400;}

ul, ol {list-style-type: none;}

span, img, a {display: block;}

h1 {font-size: 1.2em; font-weight: 600;}
h2, h3 {font-size: 1em; font-weight: 600; color: #fefefe;}
h4 {font-size: 1.2em; font-weight: bold;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

a, a:link, a:hover, a:visited {color: #313131; text-decoration: none;}

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

html, body {width: 100%; height: 100%; position: relative;}

body {margin: 0 auto; color: #414141; font-size: 1em; font-family: 'Open Sans', Arial, Sans; font-weight: 400;}

#topbar {position: fixed; top: 0; left: 0; width: 100%; height: 131px; background: #fff; z-index: 1000; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);}
#smalogo {height: 131px; position: absolute;}
#smalogo a {height: 131px;}
#smalogo img {padding: 0 30px;}

#maincontainer {position: relative; padding: 80px 0 0; height: 100%; background: #f5e1e0;}

#textleft {position: relative; width: 100%; height: 100%; display: table; background-size: contain; background-position: center; opacity: 0.6;}
.page-holding {background-image: url('/images/lips-1a.png');}

#textleft .inner-text {width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
#textleft .inner-text h1 {color: #515151; font-size: 3em; font-style: italic; font-weight: 400; margin-bottom: 40px;}
#textleft .inner-text p {color: #515151; font-size: 1.7em; padding: 5px 0;}
#textleft .inner-text a {display: inline-block;}
#textleft .inner-text img {width: 40px; height: auto;}

@media screen and (max-width: 780px){
	#textleft .inner-text h1 {font-size: 2em;}
	#textleft .inner-text p {font-size: 1.3em; padding: 5px 10px;}
}

@media screen and (max-width: 480px){
	#smalogo img {padding: 0 10px;}
	#textleft .inner-text h1 {font-size: 1.5em;}
	#textleft .inner-text p {font-size: 1em;}
}