/*!
 * Start Bootstrap - New Age v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: Muli, Helvetica, Arial, sans-serif;
    background: #1d75c2;
}

a {
    text-decoration: underline;
    color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

a:focus,
a:hover {
    color: #fff;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, .1)
}

hr.light {
    border-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
    color: #fff;
}

p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px
}

section {
    padding: 100px 0
}

section h2 {
    font-size: 50px
}



header.masthead {
    position: relative;
    width: 100%;
    padding-top: -20px;
    padding-bottom: 100px;
    color: aliceblue;
}

header.masthead .header-content {
    max-width: 500px;
    margin-bottom: 100px;
    text-align: center
}

header.masthead .header-content h1 {
    font-size: 30px
}

header.masthead .device-container {
    max-width: 625px;
    margin-right: auto;
    margin-left: auto
}


@media (min-width:992px) {
    header.masthead {
        height: 100vh;
        min-height: 775px;
        padding-top: 0;
        padding-bottom: 0
    }
    header.masthead .header-content {
        text-align: left
    }
    header.masthead .header-content h1 {
        font-size: 50px
    }
    header.masthead .device-container {
        max-width: 825px
    }
}



footer {
    padding: 25px 0;
    text-align: center;
    color: rgba(255, 255, 255, .3);
    background-color: #222
}

footer p {
    font-size: 12px;
    margin: 0
}

footer ul {
    margin-bottom: 0
}

footer ul li a {
    font-size: 12px;
    color: rgba(255, 255, 255, .3)
}

footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none
}

.bg-primary {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539)
}


.device{
  text-align:  center;
}

.text-primary {
    color: #fdcc52
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}




#mc_embed_signup {
    background: #619fd4;
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
}

/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */






/* MEDIA Q */

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 

header.masthead {
    padding-top: -140px;
    }
    
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 

header.masthead {
    padding-top: -140px ;
    }
    
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }