@font-face {
  font-family: 'futurahead';
  src:  url('fonts/FuturaStd-Bold.eot');
  src:  url('fonts/FuturaStd-Bold.eot') format('embedded-opentype'),
    url('fonts/FuturaStd-Bold.woff2') format('woff2'),
    url('fonts/FuturaStd-Bold.ttf') format('truetype'),
    url('fonts/FuturaStd-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura';
  src:  url('fonts/FuturaStd-Book.eot');
  src:  url('fonts/FuturaStd-Book.eot') format('embedded-opentype'),
    url('fonts/FuturaStd-Book.woff2') format('woff2'),
    url('fonts/FuturaStd-Book.ttf') format('truetype'),
    url('fonts/FuturaStd-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.clear {
clear:both;
}

img, img a {
border:0 none;
max-width:100%;
height:auto;
}

a, a:hover {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
-o-transition: color 0.3s linear;
text-decoration:none;
}

body, html {
margin:0;padding:0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
background-image:url(bg.jpg);
background-size:cover;
background-position:center right;
background-repeat:no-repeat;
background-attachment:fixed;
height:100%;
color:#FFF;
font-family:'futura', 'proxima-nova', Arial;
text-align:center;
}

#photo {
float:left;
height:100%;
width:38%;
position:fixed;
background-repeat:no-repeat;
background-size: cover;
background-image:url(photo.jpg);
background-position:center center;
}

#container {
float:right;
width:50%;
padding:50px 6% 100px 6%;
}

#logos {
margin:0 0 40px 0;
}

#logos img {
max-width:60%;
}

#headline {
font-family:'futurahead', 'futura', "proxima-nova";
font-size:32px;
line-height:110%;
font-weight:800;
margin:0 0 15px 0;
}

#sub {
font-size:22px;
line-height:120%;
font-weight:500;
margin:0 0 40px 0;
}

#head {
font-family:'futurahead', 'futura', "proxima-nova";
font-size:29px;
text-decoration:underline;
line-height:100%;
font-weight:700;
margin:0 0 15px 0;
text-transform:uppercase;
}

#copy {
font-size:20px;
line-height:120%;
font-weight:400;
margin:0 0 40px 0;
}

#dates ul {
list-style:none;
padding:0;
clear:both;
width:80%;
margin:0 10%;
display:block;
}

#dates li {
float:left;
margin:0 0 22px 0;
font-size:21px;
width:33.332%;
font-weight:600;
}

#dates .button a {
background-color:#4698bf;
font-family:'futurahead';
color:#FFF;
border-radius:8px;
padding:8px 20px 4px 20px;
line-height:100%;
font-weight:700;
-webkit-transition: background-color .3s ease-out;
	 -o-transition: background-color .3s ease-out;
   -moz-transition: background-color .3s ease-out;
		transition: background-color .3s ease-out;
}

#dates .button a:hover {
background-color:#62b1d6;
}

#page-head {
font-size:23px;
font-weight:700;
line-height:120%;
margin:0 0 30px 0;
font-family:'futurahead', 'futura', "proxima-nova";
}

#entry {
background-color: rgb(255,255,255,.9);
}

@media all and (max-width:1500px) {
#dates ul {
width:100%;
margin:0;
}
}

@media all and (max-width:1100px) {
#photo {
display:none;
}

#container {
float:none;
width:86%;
margin:0 7%;
padding:50px 0 100px;
}

#head {
font-size:30px;
text-decoration:none;
border-bottom:2px solid #FFF;
padding-bottom:4px;
}
}

@media all and (max-width:900px) {
#logos img {
max-width:100%;
}

#headline {
font-size:30px;
}

#sub {
font-size:20px;
}

#copy {
margin:0 0 20px 0;
}

#dates ul {
margin:0 0 20px 0;
}

#dates li {
float:none;
margin:0 0 4px 0;
width:100%;
font-size:20px;
}

#dates .button {
margin:10px 0 0 0;
}
}