/*
Theme Name: helloMuller
Theme URI: http://www.hellomuller.com/
Description: helloMuller Ltd website
Version: 1.0
Author: Tom Muller/helloMuller

Copyright 2016.
The design & code of this website is currently not licensed for public use.

*/

/*-----------------------FONTS-----------------------*/

@font-face {
  font-family: 'FoundersGroteskTextWeb-Regular';
  src: url('FoundersGroteskTextWeb-Regular.woff') format('woff'),
       url('FoundersGroteskTextWeb-Regular.eot') format('eot');
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'FoundersGroteskTextWeb-RegularItalic';
  src: url('FoundersGroteskTextWeb-RegularItalic.woff') format('woff'),
       url('FoundersGroteskTextWeb-RegularItalic.eot') format('eot');
}

@font-face {
  font-family: 'FoundersGroteskTextWeb-Semibold';
  src: url('FoundersGroteskTextWeb-Semibold.woff') format('woff'),
       url('FoundersGroteskTextWeb-Semibold.eot') format('eot');
}

@font-face {
  font-family: 'FoundersGroteskWeb-Bold';
  src: url('FoundersGroteskWeb-Bold.woff') format('woff'),
       url('FoundersGroteskWeb-Bold.eot') format('eot');
}

@font-face {
  font-family: 'FoundersGroteskX-CondensedWeb-Semibold';
  src: url('FoundersGroteskX-CondensedWeb-Semibold.woff') format('woff'),
       url('FoundersGroteskX-CondensedWeb-Semibold.eot') format('eot');
}

@font-face {
  font-family: 'TiemposHeadlineWeb-Black';
  src: url('TiemposHeadlineWeb-Black.woff') format('woff'),
       url('TiemposHeadlineWeb-Black.eot') format('eot');
}

@font-face {
  font-family: 'TiemposTextWeb-Regular';
  src: url('TiemposTextWeb-Regular.woff') format('woff'),
       url('TiemposTextWeb-Regular.eot') format('eot');
}

@font-face {
  font-family: 'TiemposTextWeb-RegularItalic';
  src: url('TiemposTextWeb-RegularItalic.woff') format('woff'),
       url('TiemposTextWeb-RegularItalic.eot') format('eot');
}


/*helloMuller Styles*/

body {
	background-color: #ff4800;
	text-align: left;
	font: 20px/26px 'TiemposTextWeb-Regular', "Helvetica Neue","Arial","Helvetica", sans-serif;
		color: #000;
}

a, a:visited {
  color: #ffffff;
  transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  text-decoration: underline;
  	color: #ffffff;
}
 
a:hover {
  color: #000;
}

#wrapper {
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#page {
	margin: 10px;
	padding: 10% 0;
}

#logo {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 15px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	/*border-bottom: 1px solid #000;*/
}


h1 {
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
	font: 60px/50px "FoundersGroteskX-CondensedWeb-Semibold","Helvetica Neue","Arial","Helvetica",sans-serif;
}

h2 {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 24px/30px "TiemposHeadlineWeb-Black","Georgia","Times","Times New Roman",serif;
}

h3 {
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
	font: 18px/20px "FoundersGroteskTextWeb-Regular","Helvetica Neue","Arial","Helvetica",sans-serif;
}

p	{
	text-align: center;
	margin: 0;
	padding: 0;
	font: 16px/20px "TiemposTextWeb-Regular","Georgia","Times","Times New Roman",serif;
}

img {
	max-width: 100%;
	margin:0;
	padding: 0;
	height: auto;
}
   
::selection {
background: #ff500a;
color: white;
text-shadow : none;
}

::-webkit-selection { 
background: #ff500a;
color: white;
text-shadow : none;
}
ya
::-moz-selection { 
background: #ff500a;
color: white;
text-shadow : none;
}
 
    
/*-----------------------MOBILE STYLES-----------------------*/


@media screen and (max-width: 960px) {

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


/*-----------------------MOBILE STYLES 2-----------------------*/


@media screen and (max-width: 700px) {

h1 {
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
	font: 60px/50px "FoundersGroteskX-CondensedWeb-Semibold","Helvetica Neue","Arial","Helvetica",sans-serif;
}

h2 {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 24px/30px "TiemposHeadlineWeb-Black","Georgia","Times","Times New Roman",serif;
}

h3 {
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
	font: 18px/20px "FoundersGroteskTextWeb-Regular","Helvetica Neue","Arial","Helvetica",sans-serif;
}




/*-----------------------MOBILE STYLES 3-----------------------*/


@media screen and (max-width: 570px) {

h1 {
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
	font: 50px/40px "FoundersGroteskX-CondensedWeb-Semibold","Helvetica Neue","Arial","Helvetica",sans-serif;
}

h2 {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 18px/24px "TiemposHeadlineWeb-Black","Georgia","Times","Times New Roman",serif;
}

h3 {
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
	font: 16px/20px "FoundersGroteskTextWeb-Regular","Helvetica Neue","Arial","Helvetica",sans-serif;
}

p	{
	text-align: center;
	margin: 0;
	padding: 0;
	font: 14px/16px "TiemposTextWeb-Regular","Georgia","Times","Times New Roman",serif;
}