@font-face {
    font-family: 'bmw';
    src: url('http://www.bmwmotorsports.com.au/res/bmwlight.woff2') format('woff2'),
         url('http://www.bmwmotorsports.com.au/res/bmwlight.woff') format('woff'),
		 url('http://www.bmwmotorsports.com.au/res/BMWLight.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}
a {
		text-decoration:none;
}
.fixed-header {
        width: 100%;
        position: fixed;        
        background: #f5f5f5;
        padding: 10px 0;
        color: #111;
        top: 0;
        opacity: 0.9;
    }

    nav a{
        color: #fff;
        text-decoration: none;
        padding: 7px 25px;
        display: inline-block;
    }
    .container{
        margin: 0 auto;
    }
.basicfont {
	font-family: 'bmw', Helvetica;
	color: #111;
	font-weight: 500;
	font-size: 12pt;
}
.subfont {
	font-family: 'bmw', Helvetica;
	color: #111;
	font-weight: 500;
	font-size: 10pt;
}
.navfontsml {
	font-family: 'bmw', Helvetica;
	color: #111;
	font-weight: 500;
	font-size: 9pt;
}
.navhome {
	font-family: 'bmw', Helvetica;
	color: #111;
	font-weight: 500;
	font-size: 8pt;
	text-align: right;
}
.navfont {
	font-family: 'bmw', Helvetica;
	color: #111;
	font-weight: bold;
	font-size: 14pt;
}
body {
	color: #111;
	font-family: 'bmw', Helvetica;
	padding-top: 150px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: 500;
	font-size: 12pt;
	margin: 0px;
	/*--margin-bottom: 120px;*/
}
.logo { 
         background: no-repeat; 
         width: 100px; 
         height: 100px; 
         display: block; 
         text-indent: -9999px;
}
.hprlogo {
				background: no-repeat;
				width: 350px;
				height: 68px;
				display: block;
	text-align: center;
}
.mslogo { 
         background: no-repeat; 
         width: 300px; 
         height: 33px; 
         display: block; 
         text-indent: -9999px;
}
.hyper {
				background: no-repeat;
				width: 405px;
				height: 75px;
				display: block;
}
footer {
    width: 100%;
    background: #121212;
    padding: 10px;
    color: #f5f5f5;
    bottom: 0;
    font-family: 'bmw', Helvetica;
    font-size: 8pt;
    text-align: center;
    position: fixed;
}
.ftable {
				border: 0;
				background: url('images/footer.jpg') no-repeat scroll;
				background-position:center; 
}
.navigation {
				border: 0;
				text-align:center;
				
}
.style104 {
				background-color: #E2E2E2;
				margin-left: 80px;
}
.style105 {
				margin-left: 40px;
				text-align: center;
}
.style106 {
				font-weight: bold;
				font-size:large;
}
.style107 {
				background-repeat: no-repeat;
				border-style: none;
				border-color: inherit;
				border-width: 0;
				background: #121212 url('images/footer.jph') fixed;
				height: 412px;
}
.hidden {
	display: none;
	visibility:hidden;			
}
* {
  box-sizing: border-box;
}
.columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}


.efx {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.3)
}
.efx li {
  border-bottom: 1px solid #eee;
  padding: 20px;
}
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}