/*
Theme Name: Flat Bootstrap Child
Theme URI: http://xtremelysocial.com/wordpress/child/
Description: Child theme for Flat Bootstrap. Includes a stylesheet (style.css) for you to restyle any of the CSS and a functions.php file to change theme parameters or components. Both files include samples of a few common things you might want to do.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.4
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* Include the parent theme's stylesheet(s). Then anything you change below that will
 * override those styles. If you'd rather start from scratch, you can comment out this
 * next line.
 */
@import url("../flat-bootstrap/style.css");

/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
*/

/* Make the buttons square. This is just an example, remove it if you want. */
.btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* PUT ANY NEW STYLES TO USE IN YOUR CONTENT AREAS HERE SO YOU CAN EASILY PASTE THIS
 * SECTION IF YOU CHANGE THEMES
 */

 section.error-404.not-found h3{
    margin-top: 15px;

 }

 .row {
    margin-left: 0px!important;
    margin-right:0px!important;
 }

img {
    width: 100%;
}

body {
    font-family: 'Varela Round', sans-serif;
    background-color: #fff;
}

#content {
    margin-top: 0px;
    z-index: -9999;
}

#site-branding {
    clip:auto;
}

h1.site-title {
    z-index: -9999;
    margin-left: -3000px;
    position: absolute;
}

h1 {
    font-family: 'Varela Round', sans-serif;
    text-align: center;
    font-size: 3em;
    color:#fff;
}

h2.site-description {
    z-index: -9999;
    margin-left: -3000px;
    position: absolute;
}

h1:hover {
    color: darkgray!important;
}

h2 {
    font-family: 'Varela Round', sans-serif;
}

h3 {
    font-family: 'Varela Round', sans-serif;
    border-bottom: 1px solid lightgray;
    margin-top: 50px;
}

p {
    font-size: 1em;
    margin-top: 25px;
}

a {
    color: #606AB1;
}

a:hover {
    color: lightblue;
}

a:visited {
    color: darkblue;
}

/* BUTTON STYLES*/

.bluebtn {
    background-color: #5b6bf6;
}

.purplebtn {
    background-color: #8f22f1;
}

.greenbtn {
    background-color: #34e116;
}

.pinkbtn {
    background-color: #eb008b;
}

.orangebtn {
    background-color: #faa41d;
}

.redbtn {
    background-color: #d81f26;
}


.btn {
    font-family: 'Varela Round', sans-serif;
    border: none;
    width: 100%;
    font-size: 1.8em;
    text-align: left;
    padding: 15px 5%;
}
    
.btn:hover {
    color: darkgray;
}

.bluebtn:hover, .bluebtn:focus, .bluebtn:active:focus, .bluebtn.active:focus, .bluebtn.focus, .bluebtn:active.focus, .bluebtn.active.focus {
    background-color: darkblue;
}

.greenbtn:hover, .greenbtn:focus, .greenbtn:active:focus, .greenbtn.active:focus, .greenbtn.focus, .greenbtn:active.focus, .greenbtn.active.focus {
    background-color: darkgreen;
}

.purplebtn:hover, .purplebtn:focus, .purplebtn:active:focus, .purplebtn.active:focus, .purplebtn.focus, .purplebtn:active.focus, .purplebtn.active.focus {
    background-color: #5a3a78;
}

.pinkbtn:hover, .pinkbtn:focus, .pinkbtn:active:focus, .pinkbtn.active:focus, .pinkbtn.focus, .pinkbtn:active.focus, .pinkbtn.active.focus {
    background-color: #6c315d;
}

.orangebtn:hover, .orangebtn:focus, .orangebtn:active:focus, .orangebtn.active:focus, .orangebtn.focus, .orangebtn:active.focus, .orangebtn.active.focus {
    background-color: #bb6100;
}

.redbtn:hover, .redbtn:focus, .redbtn:active:focus, .redbtn.active:focus, .redbtn.focus, .redbtn:active.focus, .redbtn.active.focus {
    background-color: #8e171c;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    color: darkgray;
}

.navbar-header {
    background-color: #fff;
}

.menu-main-nav-container li {
    border-bottom: 1px solid #606ab1;
}

li#menu-item-614 a {
    color: white;
    background-color: red;
    font-weight: bold;
}

header#masthead {
    background-color: #fff;
}

header {
    position: fixed;
    top:0;
    width: 100%;
    background: #fff;
    text-align: center;
    height: 150px;
    z-index:1000;
    font-size: 1em;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

header.sticky {
    position: fixed;
    width: 100%;
    background: #fff;
    height: 100px;
    font-size: 0.85em;
}

header img {
    width: 100%;
    margin-top:25px;
    z-index: 5000;
     transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

header img.sticky {
    width: 60%;
    margin-top: 5px;
}

span.menu {
    color: darkgray;
    font-size: 0.95em;
}

.navbar-default .navbar-brand {
    display: none;
}

.navbar-default {
    background-color: #fff;
}

.navbar-toggle {
    padding: 3px 5px;
    margin-top:0px!important;
}

nav.main-navigation {
    margin-top: 150px;
    position: relative;
    z-index: 9999999999999!important;
    width:100%;
    max-width: 100%;
    transition: all 0.01s ease;
    -webkit-transition: all 0.01s ease;
    -moz-transition: all 0.01s ease;
    -o-transition: all 0.01s ease;
}
    
nav.main-navigation.sticky {
    margin-top: 75px;
    position: fixed;
    width:100%;
    max-width: 100%;
}


nav a {
	font-size: 1em;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

.btn-default {
    border: none;
    background-color: transparent;
    color: darkgray;
}

.btn-default:hover {
    background-color: transparent;
    color: black;
}

.marg-bot {
    margin-bottom: 25px;
}

.intro {
    color: #fff;
}

.intro h2 {
    font-size: 1.2em;
    width: 100%;
    line-height: 1.2em;
    padding: 3px 0%;
}

.intro p {
    text-align: left;
    margin-top: 5px!important;
    color: #555;
}

.events h2 {
    color: #fff;
    font-family: 'Varela Round', sans-serif;
    width: 100%;
    font-size: 2em;
    text-align: left;
    padding: 10px 5%;
}

.video {
    width: 100%;
    margin: 0 auto;
    padding: 10px 3%;
}

.video p {
    margin-top: 0px!important;
}

iframe {
    width: 100%;
    margin: 0 auto;
}

.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 0px!important;
}

form {
    width: 80%;
    margin-top: 35px;
}

.frm_style_formidable-style.with_frm_style input[type=email] {
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    border-bottom: 1px solid darkgray;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

label.frm_primary_label {
    line-height: 2em;
    color: blue!important;
}

input[type="submit"] {
    border-color: blue!important;
    background-color: blue!important;
    color: white!important;
}

.frm_style_formidable-style.with_frm_style input[type=email] {
    color: lightgray!important;
}

.hp-titles {
    padding: 2px 1%;
}

p.hp-sub {
    text-align: left;
    font-size: 0.85em;
    margin-top: 5px!important;
    margin-left: 2%;
}

.hp-titles h2 {
    font-size: 2em;
    text-align: left;
    color:#fff;
    margin-left: 2%;
}

h1:hover {
    color: darkgray;
}

#stigma {
    padding: 0 5%;
    width: 100%;
    margin: 0 0 25px 0;
    text-align: left;
}

#stigma p {
    color: #fff;
    font-size: 1.3em;
    padding: 0 5%;
    margin-top: 25px;
    text-align: left;
    
}

#companion {
    padding: 0 5%;
    width: 100%;
    margin: 0 0 25px 0;
    text-align: center;
}

#companion p {
    color: #fff;
    font-size: 1.3em;
    padding: 0 5%;
    margin-top: 25px;
    text-align: left;
}

.front {
    padding: 3%
}

.back {
    padding: 3%
}

#card1 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card2 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card3 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card4 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card5 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card6 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card7 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card8 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card9 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card10 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

#card11 {
    width: 100%;
    height: 450px;
    margin: 8px 0;
}

.blue {
    background-color: #5b6bf6;
}

.purple {
    background-color: #8f22f1;
}

.green {
    background-color: #34e116;
}

.pink {
    background-color: #eb008b;
}

.orange {
    background-color: #faa41d;
}

.red {
    background-color: #d81f26;
}

.black {
    background-color: #000;
}

.nomargtop {
    margin-top: 0px!important;
}

.nomargbot {
    margin-bottom: 0px!important;
}          

.margbot {
    margin-bottom: 25px;
}    

.margtop {
    margin-top: 25px;
}             

.border_left {
    border-left: 2px solid lightgray;
}

.mission_info li {
    margin-top: 15px;
    list-style-type:upper-roman;
}

.gr_txt {
    color: #58b947;
}

.pink_txt {
    color: #bb58a1;
}

.book {
    text-align: left;
}

.book img {
    width: 100%;
}

.book p {
    padding: 5% 25px;
}

.book_desc {
    background-color: rgba(255,255,255,0.5);
    padding:1%;
}

.sky {
    background-image: url("http://mentalhealthchaplaincy.org/devbranch/wp-content/uploads/2016/04/sky2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}

.recent-posts h3 a {
    color: #606AB1;
}

.recent-posts a {
    color: #606AB1;
}

.recent-posts a:hover {
    color: darkgray;
}

header.entry-header {
    position: relative;
    height: 50px;
    text-align: left;
}

h3.blog {
    color: #fff;
    padding: 3%;
    font-size: 2em;
}

.blog h2 {
    color: #fff;
    text-align: left;
    padding: 5px 5%;
    font-size: 3em;
}

.content-area {
    padding-top: 0px;
}

.after-footer {
    max-width:100%;
}

footer a:visited {
    color: gray; 
}

/*SMALLER PHONE*/
@media screen and (max-width: 320px) {
    nav.main-navigation {
        margin-top: 130px;
        transition: all 0.01s ease;
        -webkit-transition: all 0.01s ease;
        -moz-transition: all 0.01s ease;
        -o-transition: all 0.01s ease;
    }
    
    nav.main-navigation.sticky {
        margin-top: 65px;
    }

    #card1 {
        height: 350px;
    }

    #card2 {
        height: 350px;
    }

    #card3 {
        height: 350px;
    }

    #card4 {
        height: 350px;
    }

    #card5 {
        height: 350px;
    }

    #card6 {
        height: 350px;
    }

    #card7 {
        height: 350px;
    }

    #card8 {
        height: 350px;
    }

    #card9 {
        height: 350px;
    }

    #card10 {
        height: 350px;
    }

    #card11 {
        height: 350px;
    }

    #stigma p {
        font-size:1em;
    }


    #companion p {
        font-size: 1em;
    }

    .btn {
        font-size: 1.2em;
    }

    .blog h2 {
        font-size:1.5em;
        padding: 2px 5%;
    }

    .events h2 {
        font-size:1.5em;
        padding: 2px 5%;
    }

}

/*SMALLEST*/
@media screen and (max-width: 240px) {

    nav.main-navigation {
        margin-top: 120px;
        transition: all 0.01s ease;
        -webkit-transition: all 0.01s ease;
        -moz-transition: all 0.01s ease;
        -o-transition: all 0.01s ease;
    }
    
    nav.main-navigation.sticky {
        margin-top: 45px;
    }

    .intro h2 {
        font-size: 1em;
    }

    .navbar-toggle {
        padding: 3px 5px;
        margin-top:0px!important;
        font-size: 0.7em;
    }

    p {
        margin: 0 auto;
        font-size: 0.8em;
        width: 90%;
    }

    footer p {
        font-size: 0.5em;
    }

    #stigma p {
        font-size: 0.7em;
    }

    #companion p {
        font-size: 0.7em;
    }

    #card1 {
        height: 250px;
    }

    #card2 {
        height: 250px;
    }

    .hp-titles h2{
        font-size: 1.1em;
    }

    .hp-titles p {
        font-size: 0.8em;
    }

    .btn {
        font-size: 0.8em;
    }
}



/*TABLET*/
@media screen and (min-width: 768px) {
    
    .hp-titles h2 {
        font-size: 2em;
    }
    
    h1 {
        text-align: left;
        margin-left: 3%;
    }

    header {
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        background: #fff;
        text-align: center;
        height: 150px;
        z-index:1000;
        font-size: 1em;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }

    header.sticky {
        height: 100px;
    }

    header img {
        width: 60%;
        margin-top:25px;
        z-index: 5000;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }

    header img.sticky {
        width: 40%;
        margin-top:15px;
        z-index: 5000;
    }

    nav.main-navigation {
        margin-top: 160px;
        position: relative;
        z-index: 9999999999999!important;
        width:100%;
        max-width: 100%;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
    }
    
    nav.main-navigation.sticky {
        margin-top: 95px;
        position: fixed;
        width:100%;
        max-width: 100%;
    }

    .menu-main-nav-container li {
       border-bottom: 0px;
       font-size: 0.85em;
       margin: 0px 1%;
       transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .menu-main-nav-container li.sticky {
       font-size: 0.75em;
    } 
    
    .site-branding {
        position: static!important;   
    }

    .navbar-nav {
            padding: 0 5%;
            text-align: center;
            float: none;
     }

     nav.main-navigation img {
        width: 25%;
    }

     form {
        width: 50%;
    }
    
    #card1 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card2 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card3 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card4 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card5 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card6 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card7 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card8 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card9 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card10 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 1%;
    }

    #card11 {
        width: 48%;
        height: 420px;
        float: left;
        margin: 8px 25%;
    }
    
    .btn {
        border: none;
        width: 100%;
        font-size: 3.5em;
        text-align: left;
        padding: 15px 5%;
    }
    
    .history {
        margin: 0 auto;
        text-align: center;
    }
    
    .history img {
        width: 60%;
    }
    
    .history p {
        text-align: left;
    }
    
    .book {
        text-align: center;
    }
    
    .book img {
        width: 60%;
    }
    
    .book p {
        text-align: left;
    }
    
    .chaplain {
        text-align: center;
    }
    
    .chaplain img {
        width: 60%;
    }
    
    .chaplain p {
        text-align: left;
    }

}

/*TABLET LANDSCAPE */
@media screen and (min-width: 1024px) {

    header img {
        width: 90%;
    }

    header img.sticky {
        width: 70%;
    }

    nav.main-navigation {
        margin-top: 170px;
    }

    nav.main-navigation.sticky {
        margin-top: 100px;
    }

     form {
        width: 70%;
    }

     #card1 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;

    }

    #card2 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card3 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;

    }

    #card4 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card5 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card6 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card7 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card8 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card9 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card10 {
        width: 30%;
        height: 350px;
        float:left;
        cursor:pointer;
        margin: 10px 1% 10px 15%;
    }

    #card11 {
        width: 30%;
        height: 350px;
        cursor:pointer;
        float:left;
        margin: 10px 1%;
    }

    .history img {
        width: 100%;
    }

    .book img {
        width: 100%;
    }
}

/*DESKTOP*/

@media screen and (min-width: 1280px) {
    
    #content {
        margin-top: 0px;
    }
    
    .btn-toggle {
        color:darkgray;
    }
    
    .hp-titles h2:hover {
        color: #fff;
    }
    
    .hp-titles h2 {
        font-size: 2em;
        text-align: left;
        margin-left: 5%;
    }
    
    h3 {
        margin-top: 50px;
    }
    
    p {
        font-size: 1em;
    }
    
    p.hp-sub {
        text-align: left;
        font-size: 1em;
        margin-left: 5%;
        margin-top: 0px;
    }
    
    .btn {
        border: none;
        width: 100%;
        font-size: 3em;
        text-align: left;
        padding: 15px 5%;
    }
    
    .btn:hover {
        color: darkgray;
    }

    .events h2 {
    font-size: 2.5em;
    padding: 10px 5%;
    }

    header.sticky {
        height: 150px;
    }
    
    
    header img {
        width: 100%;
        margin-top: 25px;
    }
    
    header img.sticky {
        width: 60%;
        z-index: 100;
    }
    
    nav.main-navigation {
        margin-top: 175px;
        position: relative;
        z-index: 1000000;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
    
    nav.main-navigation.sticky {
        margin-top: 105px;
        position: fixed;
        top:15;
        z-index: 1000000;
        width:100%;
        max-width: 100%;
    }

    nav.main-navigation img {
        width: 25%;
    }
    
    .navbar-nav li {
      float: none;
      display: inline-block;
    }

    .navbar-nav {
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    
   .menu-main-nav-container li {
       border-bottom: 0px;
       font-size: 0.85em;
       margin: 0px 3%;
       transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .menu-main-nav-container li.sticky {
       font-size: 0.65em;
    }
    
    .site-branding {
        width: 100%;
    }
    
    .video {
        padding: 2%;
    }

    iframe {
        width: 100%;
        height:600px;
    }


    .intro h2 {
        text-align: center;
        font-size: 1em;
        width: 100%;
        line-height: 1.2em;
    }

    .intro p {
        text-align: left;
        margin-top: 5px!important;
    }

    #stigma {
        padding: 0 5%;
        width: 100%;
        margin: 0 0 25px 0;
    }

    #stigma p {
        font-size: 1em;
        padding: 0 8%;
        margin-top: 50px;
    }

    #companion {
        padding: 0 5%;
        width: 100%;
        margin: 0 0 25px 0;
    }

    #companion p {
        font-size: 1em;
        padding: 0 8%;
        margin-top: 50px;
    }

    #card1 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;

    }

    #card2 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card3 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;

    }

    #card4 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card5 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card6 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card7 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card8 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card9 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1%;
    }

    #card10 {
        width: 30%;
        height: 400px;
        float:left;
        cursor:pointer;
        margin: 10px 1% 10px 15%;
    }

    #card11 {
        width: 30%;
        height: 400px;
        cursor:pointer;
        float:left;
        margin: 10px 1%;
    }

    .mission_info li {
        margin-top: 15px;
    }
    
    .history {
        padding-top: 25px;
    }

    .history img {
        width: 100%;
    }

    .history p {
        margin-top: 0px;
    }
    
    .book {
        margin: 50px 0;
    }
    
    .book img {
        width:100%;
        height: auto;
    }

    .book_desc {
        padding:1%;
    }

    .sky {
        margin-top: 0px;
    }
    
    .chaplain {
        padding-top: 25px;
    }

}


/*BIG SCREEN*/
@media screen and (min-width: 1500px) {

    header {
        height: 200px;
        z-index:1000;
        font-size: 1em;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }

    header.sticky {
        height: 175px;
    }

    .hp-titles h2 {
        font-size: 3em;
    }

    nav.main-navigation {
        margin-top: 180px;
    }
    
    nav.main-navigation.sticky {
        margin-top: 105px;
    }

    .intro img {
        width: 80%;
    }

    .intro p {
        width: 80%;
        margin-left: 20%;
    }

    .intro h2 {
        font-size: 1em;
        text-align: center;
    }

    #stigma p {
        font-size: 1.2em;
    }

    #companion p {
        font-size: 1.2em;
    }

    .events h2 {
    font-size: 3em;
}

}