@font-face {
  font-family: 'Molde-Compressed-BlackItalic';
  src: url('/assets/css/font/Molde-Compressed-BlackItalic.eot?#iefix') format('embedded-opentype'),  url('/assets/css/font/Molde-Compressed-BlackItalic.otf')  format('opentype'),
	     url('/assets/css/font/Molde-Compressed-BlackItalic.woff') format('woff'), url('/assets/css/font/Molde-Compressed-BlackItalic.ttf')  format('truetype'), url('/assets/css/font/Molde-Compressed-BlackItalic.svg#Molde-Compressed-BlackItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
	font-size:100%;
}

body{
	color:white;
	background:black;
	text-align:center;
	font-size: 25px;
	font-family: 'Molde-Compressed-BlackItalic';
}

h1 span, h2, h3{ color:#ffb52f; display:block;}
h1{text-transform: uppercase;}

a {
	transition: 250ms all ease;
	color:white;
}
a:hover {
    color: white;
}

/* Larger than tablet */
@media (min-width: 750px) {
	h1{font-size:5em;width:75%;margin:0 auto;line-height: 0.9em;margin: 0.2em auto 0.5em;}
}

header nav { background:#ffb52f; color:white; }

	header img {
		max-width: 100%;
	}

	header h2{margin: 0.1em auto 0.35em;line-height: 1.1em;}
	header h1{margin: 0 auto 0.1em;line-height: 0.9em;}
	
 	header nav > ul {
    	list-style-type: none;
		padding:0;
		margin:0;
    }
		header nav > ul > li {
			display:inline-block;
            position: relative;
			padding: 0.5rem 0.4em;
			margin:0;
         }
 
                header nav > ul > li:last-of-type {
                    border-bottom: none;
                }
 
                header nav > ul > li > a {
                    display: block;
                    color: black;
                    font-weight: 700;              
					text-transform:uppercase;     
                    text-decoration: none;
                   
                }
				
/* Larger than tablet */
@media (min-width: 750px) {
	
	header h2{font-size:5em;width:75%;margin: 0.1em auto 0.35em;line-height: 1.1em;}
	header h1{font-size: 6.8em;width:75%;margin: 0 auto 0.1em;line-height: 0.9em;}
	
	header nav > ul > li {
		padding: 1rem 0.8em;
    }
}				
				
.section {margin-top: 3em;}
	.section.last{ margin-bottom:4em;}
	
.box-hover {
	margin-bottom: 0.2em;
}	
.box-hover:hover .box, .box.box-hover:hover {
	border-color:white;
}

.box-hover:hover .box a, .box.box-hover:hover a {
	color:#ffb52f;
}
.box-hover:hover .box a span, .box.box-hover:hover a span {
	color:white;
}

.box-hover:hover .button.button-primary {
    color:#ffb52f;
    background-color: white;
    border-color: white;
}

.last .box-hover:hover .box, .box.box-hover:hover {
	border-color:#ffb52f;
}


.last .box-hover:hover .button {
    color:#ffb52f;
    background-color: none;
    border-color: #ffb52f;
}

.box {
	border: 4px solid #ffb52f;
	text-align:center;
	font-size: 4em;
	line-height: 0.8em;
	position:  relative;
	transition: 250ms all ease;
	/* margin-bottom: 0.2em; */
	}
	
	.box a {
		color:white;
		text-decoration:none;
	}
		
	.box span {
		font-size:0.6em;
		color:#ffb52f;
		line-height: 1.2em;
		text-transform: uppercase;
		display: block;
	}
	

	.box img { max-width: 100%; }
	
	.box div {position:absolute;padding: 25px 0;line-height: 0.8em;text-transform: uppercase;margin: 0 auto;width: 100%;}
	
	.box:after {
	  content: "";
	  display: block;
	  padding-bottom: 100%;
	}
	
	.box.video {padding: 5px;}
	.box.video:after{padding:0;}
	
.last .box { border-color:white; }

.button {
	font-size:1em;
	line-height: 1.5em;
	letter-spacing:0;
}


.button.button-primary{
	color:black;
	background:#ffb52f;
	border:0;
	font-weight:700;
	margin-top: 1.3em;
	text-transform: inherit;
}

.button.boxed {
	border-radius: 0;	
	width:  100%;	
	margin: 0 0 2em;
	color:white;
	border: 5px solid white;
	border-top:0;
	line-height: 2em;
	height:auto;
}