@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	header {
		position: relative;
	}
	.header-desktop {
        background: #173455;		
	}
	#nav-logo img {
		height: 50px;
		width: auto;
	}

	.topbar nav,
	.topbar .rs-links {
		display: none;
	}
	.mobile-burger {
	    display: block;
	    margin: auto 0;
	    margin-left: auto;
	    color: #FFF;
	}	
		.mobile-burger i {
			color: #FFF;
			font-size: 40px;
		}
		.nav-open {
			display: block;
			width: 50px;
			text-align: center;
		}
		.nav-close {
			display: none;
			width: 50px;
			text-align: center;
		}
	#mobile-nav {
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		background: #1c3c60;
	}
		#mobile-nav .links {
			width: 100%;
			display: flex; display: -webkit-flex; 
			flex-flow: column; -webkit-flex-flow: column;
			padding: 50px;
		}
			#mobile-nav .links .link-a {
				width: 80%;
				display: block;
				padding: 15px 0;
				font-size: 20px;
				line-height: 20px;
				color: #FFF;
				position: relative;
			}
                #mobile-nav .links .link-a:before {
                  content: "";
                  position: absolute;
                  width: 0;
                  height: 2px;
                  bottom: 2px;
                  left: 0;
                  background-color: #FFF;
                  visibility: hidden;
                  transition: all 0.3s ease-in-out;
                }
                #mobile-nav .links .link-a.is-active:before {
                  visibility: visible;
                  width: 100%;
                  background-color: #bb975b;
                }
		#mobile-nav .mobile-rs {
			padding: 0 50px 50px;
			display: flex; display: -webkit-flex; 
			flex-flow: row wrap; -webkit-flex-flow: row wrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
		}
			#mobile-nav .mobile-rs a {
				display: block;
				margin-right: 10px;
			}

    #mobile-nav.is-out {
        -webkit-animation: swing-out-top-bck 0.60s cubic-bezier(0.600, -0.280, 0.735, 0.060) both;
                animation: swing-out-top-bck 0.60s cubic-bezier(0.600, -0.280, 0.735, 0.060) both;
    }
    #mobile-nav.is-enable {
        display: block;
        -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
                animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    }

	.header-desktop.fixed .topbar .logo {
	    height: 50px;
	    margin-top: auto;
	}

	.h1-wrap h1 {
		font-size: 60px;
	}
	h2 {
		font-size: 40px;
	}

	.footer-col {
		width: 100%;
		padding-top: 15px;
	}
		.footer-col img {
			height: 50px;
		}
	.footer-col:first-child {
		border-right: none;
	    border-bottom: 1px solid #254a75;
	}
}