@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,600');
body{font-family: 'Raleway', sans-serif;}
figure{margin-bottom:60px;}
h1{font-size:16px;line-height:31px;color:#fff;font-weight:300;font-family: 'Raleway', sans-serif;float:left;    width: 100%;}
h3{font-size:50px;line-height:31px;color:#fff;font-weight:200;font-family: 'Raleway', sans-serif;text-transform: uppercase;float:left;    width: 100%;margin-bottom:168px;}
h3.span{color:#a5d3b7}

.hero-full-screen {
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background:url(../img/back.jpg) center center no-repeat;
    background-size: cover;
}

.hero-full-screen .middle-content-section {
    text-align: center;
    color: #fefefe;
    margin-top: calc(50vh - 310px);
}

.hero-full-screen .top-content-section {
    width: 100%;
}

.hero-full-screen .bottom-content-section {
    padding: 1rem;
}

.hero-full-screen .bottom-content-section svg {
    height: 3.75rem;
    width: 3.75rem;
    fill: #fefefe;
}

.hero-full-screen .top-bar {
    background: transparent;
}

.hero-full-screen .top-bar .menu {
    background: transparent;
}

.hero-full-screen .top-bar .menu-text {
    color: #fefefe;
}

.hero-full-screen .top-bar .menu li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero-full-screen .top-bar .menu a {
    color: #fefefe;
    font-weight: bold;
}

.atl-center{    width: 100%;    height: 92px;    max-width: 620px;    margin: 0 auto;    padding: 0px 90px;}
.atl-center figure{float:left;    padding: 15px 30px;    margin-bottom: 120px;}
figure.gt-01{margin-bottom:15px;}


/* Small only */
@media screen and (max-width: 39.9375em) {
    h1{padding-left:20px;padding-right: 20px;}
    h3{font-size:30px;margin-bottom:20px;margin-top:20px;padding-left:20px;padding-right: 20px;}
    .atl-center figure.gt-02,  .atl-center figure.gt-03{margin-bottom:10px;}
    figure.gt-01 img{    max-width: 260px;}
    .hero-full-screen .middle-content-section {margin-top: calc(50vh - 250px);}
}