body{font-family: 'Raleway', sans-serif;font-weight:300;font-size:16px;color:white;}

::-moz-selection {color:#fff;background:#666666;}::selection {color:#fff;background:#666666;}

.alignleft{float:left;}.alignright{float:right;}.alignone{float:none;display:block;text-align:center;}img.alignleft{margin:5px 15px 15px 0;}img.alignright{margin:5px 0 15px 15px;}img.alignone{margin:0 0 15px 0;}

/* Typography 300 400 600 700 */
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing: 1px;}
h1{font-size:180%;text-transform:uppercase;margin: 10px auto 30px auto;}h2{font-size:160%;text-transform:uppercase;margin-top: 10px;margin-bottom: 30px;}h3{font-size:140%;}h4{font-size:120%;}h5{font-size:110%;}h6{font-size:100%;}

p {margin-bottom: 30px;line-height:26px;}
a{color:white;outline:0;font-weight:400;-webkit-transition:all 0.5s ease;transition: all 0.5s ease;}a:link{outline:0;}a:active{text-decoration:none;outline:0;}a:hover, a:focus{color:#ddd;text-decoration:none;outline:0;}

/* Padding Options */
.nopad{padding:0;}.pad15{padding:15px;}.pad30{padding:30px;}.pad60{padding:60px;}.pad90{padding:90px;}.pad15tb{padding:15px 0 15px 0;}.pad30tb{padding:30px 0 30px 0;}.pad60tb{padding:60px 0 60px 0;}.pad90tb{padding:90px 0 90px 0;}

/* Color */
.black{color:black;}.blackbg{background:black;color:white;}
.white{color:white;}.whitebg{background:white;color:black;}
.whitebg h1, .whitebg h2 {color: #7eb2e1;}
.greenbg {background-color: #455660;color: white;}

.bluebg {background-color: #7eb2e1;color: white;}
/*
* {
    color: #7eb2e1;
    color: #455660;
    color: #959ca1;
}
*/

/* Equal height rows */
.row-eq-height {display: -webkit-box;display: -ms-flexbox;display: flex;}

/* Buttons */
button{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.btn{border-radius:0;text-transform:uppercase;font-weight:500;padding-left:60px;padding-right:60px;padding-top: 20px;padding-bottom:20px;margin-bottom:30px;}
.btn.focus,.btn:focus,.btn:hover{color:#000000;}
form .btn{margin:0;}
.btn-clear {color: white;background-color: rgba(126, 178, 225, 0.2);border: 1px solid white;}
.btn-clear:hover, .btn-clear:active, .btn-clear:focus {background-color: rgba(126, 178, 225, 0.7);border: 1px solid white;color: white;}
.btn-blue {color: white;background-color: rgb(126, 178, 225);border: none;}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus {background-color: #95c4ef;color: white;border-color: transparent;}
.btn-green {color: white;background-color: #455660;}
.btn-green:hover, .btn-green:active, .btn-green:focus {background-color: #50616c;color: white;border-color: transparent;}
.white-outline {border: 1px solid white;}
.white-outline:hover, .white-outline:active, .white-outline:focus {border: 1px solid white;}
.btn-wrap a:first-child {margin-right: 50px;}
.btn-black{background:#000000;color:white;}
.btn.focus.btn-black,.btn:focus.btn-black,.btn:hover.btn-black{color:#666666;}

/* Forms */
.form-control {border:0px;border-radius:0px;box-shadow:none;color:#000000;font-size:80%;-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

/* Nav */
nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 100;}
.navbar {margin-bottom: 0;}
ul.navbar-nav:first-child {padding-left: 30px;border-left: 1px solid white;}
a.navbar-brand {height: 100px;}
.navbar-default {background-color: #6e8ea1cc;font-weight: 400;border: none;}
.navbar-nav {line-height: 100px;}
.navbar-nav>li>a {
    padding: 0 15px;
    line-height: inherit;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus {
    color: #ddd;
}

button.navbar-toggle {
    margin-top: 30px;
}

.navbar-collapse.collapse.in li, .navbar-collapse.collapsing.in li {
	line-height: 1.5;
    margin: 5px 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgba(255, 255, 255, 0.51);
}

/* Header */
#header {
    background-image: url('./images/header-bg.jpg');
    background-size: cover;
    padding: 100px;
}

#header h1 {
    font-size: 275%;
    color: white;
    margin-top: 40px;
    font-weight: 500;
    letter-spacing: 1.25px;
}

#header .lead {
    font-size: 150%;
    font-weight: 400;
    margin-bottom: 60px;
}
#header>div.container-fluid {
    padding: 90px 0 60px 0;
}

.dr-photo {
    background:no-repeat url(./images/morganroth.png) 50% / 100%;
    background-position-y: bottom;
    background-size: contain;
}
.dr-photo img {
    height: 0;
    width: 0;
    opacity: 0;
}

#info p {
    padding-right: 30px;
}

/* EVENTS */
#events {
    background: url(./images/bw.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    border-top: 15px solid #455660;
}

#events h1 {
    margin-bottom: 20px;
    color: #455660;
    font-size: 200%;
}
#events h5 {
    font-weight: 300;
}
#events p {
    margin-top: 30px;
    font-weight: 300;
    font-size: 90%;
}
#events .btn {
    margin-top: 30px;
}
#hosts {
    border-bottom: 15px solid #455660;
}
#hosts a {
    display: block;
    font-size: 90%;
    font-weight: 300;
}
#hosts h2 {
    color: #455660;
}
.whiteoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
}

/* Mainbody */
.content p, .content ul, .content ol{padding-top:5px;padding-bottom:5px;line-height:24px;}
.content .lead{margin:0;padding:0 0 15px 0;color:#666666;font-size:120%;}

/* Parallax */
#parallax {background:url('https://unsplash.it/1200/300/?random') no-repeat center center fixed;background-size:cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";display:block;position:relative;}#parallax * {position: relative;}
#parallax h2{margin:0;padding:0 0 30px 0;color:white;}

/* Color Overlay - set parent to display blocka and position relative */
.overlay:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;display:block;z-index:0;background-color:rgba(0,0,0,0.75);}

/* Footer */
footer h6{color:rgba(255, 255, 255, 0.5);}
footer p{color:rgba(255, 255, 255, 0.5);font-size:85%;margin-top: 10px;margin-bottom: 0px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
/*#footer ul{padding:0;margin:0;list-style:none;}*/
/*#footer li a{display:block;color:white;font-size:85%;padding:5px 0 5px 0;}*/
footer a:hover, footer a:hover p {color:#ddd;}
footer a{color:rgba(255, 255, 255, 0.5);font-weight:300;}

/* Copyright */
#copyright{background:#959ca1;}
footer#copyright.whitebg p{
    color: #fff;font-size:75%;
}

/* Standard Mobile First Breakpoints */
@media (min-width: 1200px) {}
@media (min-width: 980px) and (max-width: 1199px) {
    nav {
        font-size: 90%;
    }
    .navbar-nav>li {
        float: none;
        text-align: right;
    }
    .navbar-right {
	    line-height: 2;
        padding-top: 20px;
    }

    
}
@media (min-width: 768px) and (max-width: 979px) {
    nav a>span {
        font-size: 130%;
    }
    .nav-hide {
	    display: none;
    }
    #header h1 {
        font-size: 220%;
    }
    #header {
        padding: 100px 30px;
    }
    #header .lead {
        font-size: 150%;
    }
    
}
@media (min-width: 768px) {#menu .container-fluid, #menu .col-xs-12{padding:0;}#menu .dropdown-toggle, #menu .singlemenuitem{font-size:80%;}}
@media only screen and (min-width: 768px) {#parallax{background-attachment:fixed;}}

/* 767 breakpoint ****************************/
@media (max-width: 767px) {
    .logo img.img-responsive{margin-left:auto;margin-right:auto;}.text-left{text-align:center;margin-left:auto;margin-right:auto;}.text-right{text-align:center;margin-left:auto;margin-right:auto;}.widget {padding:30px 0 30px 0;}#footer h4{margin-top:30px;}
    h1{font-size:150%;text-transform:uppercase;margin: 10px auto 30px auto;}h2{font-size:130%;text-transform:uppercase;margin-top: 10px;margin-bottom: 30px;}h3{font-size:110%;}h4{font-size:110%;}h5{font-size:100%;}h6{font-size:100%;}
    .btn-wrap a:first-child {
        margin-right: 0px;
    }

    .navbar-collapse li, .navbar-collapse.collapsing li {
        line-height: 1.5;
        margin: 5px 0;
    }
    
    .navbar-collapse.collapsing ul.navbar-nav {
        margin: 7.5px -15px;
    }

    ul.navbar-nav:first-child {
        border-left: none;
        padding-left: 0;
    }   

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #455660;    
    }
    
    #navbar-collapse {
        background-color: rgba(69, 86, 96, 0.8);
    }
    
    #header h1 {
        font-size: 200%;
    }
    #header {
        padding: 100px 30px;
    }
    #header>div.container-fluid {
        padding: 0;
    }
    #header .lead {
        font-size: 120%;
        font-weight: 300;
    }
    #events h1 {
        font-size: 150%;
    }
    #info .pad60tb {
        padding: 30px 30px 0 30px;
    }
    #info p{
        padding-right: 0px;
    }
    #info .row.row-eq-height {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }    
    #info .btn-wrap {
        text-align: center;
    }
    .dr-photo img {
	    height: 400px;
    }
    footer#copyright p{
        font-size: 75%;
    }
}
@media (max-width: 480px) {
    .navbar-brand>img {
        width: 225px;
    }
}
@media (min-width:480px){
    .btn-wrap a:first-child {
        margin-right: 10px;
    }
}