body {
	font-face: "Proxima Nova Soft", sans serif;
}

@font-face {
	font-family: "Proxima Nova Soft";
	src: url("/fonts/ProximaNovaSoft-Regular.otf");
}

.sub-twitter-btn {
	padding-top: 100px;
}

.container{
  position: relative;
}

.push-down{
    background-color: #12a195;
    height: 60px;
    width: 100%;
    position: absolute;
    left: -240px;
    top: 3px;
    transform: translateY(-100%);
}

 .content{
    transition: margin 1s ease;
  }


.container.pushed .content{
   margin-top: 120px;
}

.button {
	text-decoration: none;
	display: inline-block;
	padding: 10px 15px;
	background-color: #12a195;
	color: white;
	border-radius: 4px;
	margin-left: -230px;
	margin-bottom: -45px;
}

.button:hover {
	background-color: #75f0e6;
	transition: all 0.4s;
}

.icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	margin-top: 4px;
	background-color: #fff;
}

.masthead__logo {
	margin-left: -150px;
}

.footer {
	margin-top: 50px;
	background-color: #062926;
}

.col-low {
	line-height: 5;
}

::-webkit-scrollbar {
    width:9px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}