﻿.topnav {  overflow: hidden;  background-color: #FFF; padding-top:1rem; }
.topnav a {  float: left;  display: block;  color: #870a24;  text-align: center;  padding: 14px 16px;  text-decoration: none;  font-size: 2.2rem; font-family: 'Source Sans Pro', cursive; font-weight: 300; }
.topnav a:hover {  background-color: none;  color: #fff; border-bottom: thin silver solid;}

.active {   color: white;}

.container_nav {text-align: center; }
.contained_nav {text-align: left;	display: inline-block; }
@media screen and (max-width: 960px) {.contained_nav {text-align: left;	display: inline; }
}


.topnav .icon {  display: none;}

@media screen and (max-width: 960px) {  .topnav a:not(:first-child) {display: none;}  
										.topnav a.icon {    float: right;    display: block; border:none;  }	
										.topnav a.icon:hover {    border:none;  }	
										.topnav a:nth-child(2) {margin-top:20px;}  
										.topnav a:hover {  background-color: none;  font-weight:400; border-bottom:none; }


}

@media screen and (max-width: 960px) {  .topnav.responsive {position: relative;}
  										.topnav.responsive .icon {    position: absolute;    right: 0;    top: 0;  }
  										.topnav.responsive a {    float: none;    display: block;    text-align: left;  }
}

.space {  padding: 30px;}
.sticky1 {  position: fixed;  top: 0;  width: 100%;  -webkit-box-shadow: 2px  5px 10px grey;	-moz-box-shadow: 2px 5px 10px grey;	box-shadow: 2px 5px 10px grey;}
.sticky1 + .space {  padding-top: 600px;}

.stickylogo {display:none;}
.stickylogo.sticky {display:block; width:auto; height:20px; float:left; }
