body {background-image: url('images/bluebgdesign.jpeg'); background-size: cover; background-repeat: no-repeat;background-attachment: fixed; font-family: 'Raleway'; width: 100vw}
a, a:hover, a:visited {color: white}
.regLink, a.regLink:visited {color: rgba(255,255,255.9); font-weight: 700; text-shadow: none;}

.regLink:hover {color: rgba(255,255,255,.4);}
.slogan{color:goldenrod;text-align:center;font-family:'Oswald';font-size:150%;font-weight:bold}
.heroEventInfo{font-family:'Raleway';font-size:125%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.navbar-event{position:-webkit-sticky;position:sticky;top:0;display:none}
.navbar-event-sticky{position:-webkit-sticky;position:sticky;top:0;-webkit-transform-origin:top left;transform-origin:top left;width:100% !important;background-color:rgba(255,255,255,0.9);box-shadow:5px 5px #2175BC;border:0px !important;z-index:1000}
#spotlight{background-color:#2175BC;color:white;line-height:26px}
.spotlight-title{font-weight:bold;font-size:125%}
.spotlight-text{margin-top:25px}
.whiteSubhead,.whiteTitle {color:#D52D27;font-family:'Oswald';font-weight:bold}
.whiteSubhead{font-size:150%}
.whiteTitle {font-size:200%}
.eventInfoColumn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:30%}
.eventInfo{padding-bottom:15px}
.parallax{background-image:url("swirls15.png");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}
.parallax-content{opacity:1;z-index:2}
.parallax.page{max-height:300px !important}
.topic{font-weight:bold;color:#D52D27;font-family:'Oswald';font-size:18px}
.spacing{margin:30px; -webkit-margin:30px; -ms-margin:30px}
body{font-family:'Raleway'}
.page{padding:60px 0;position:relative;overflow:hidden}
.img-spotlight{width:250px;padding-right:10px}
img.topImg {margin-top: -200px;}
@media (max-width: 991px){.img-spotlight.img-circle{width:30vw;padding:10px}}
.spotlight-name{line-height:18px;text-transform:capitalize;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (max-width: 991px){img.img-spotlight.img-circle{max-width:unset}}
.flex-container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
@media (max-width: 991px){.flex-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.wrapper{width:900px;height:2500px;background-color:#082e6b;margin:auto; margin-top: 0px;}
.topFlex{-ms-flex-pack:distribute;justify-content:space-around;background-image:url(blueGradientBG.jpeg);width:900px;height:500px;padding:25px 0 20px 0}
#triangle-down{width:0px;height:0px;border-left:450px solid #082e6b;border-right:450px solid #082e6b;border-top:200px solid transparent;border-bottom:0 solid transparent;position:relative;bottom:200px}
.bottomFlex{-ms-flex-pack:distribute;justify-content:space-around;width:900px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;position:relative;top:-195px}
.navyFlex{position:relative;top:-200px;margin-bottom:75px;font-size:90%; color: white;}
.aboutCol{padding: 0 10px 10px; font-size: 15px;}
.navy{color:white}
.navyTitle{text-align:center;font-weight:bold;font-size:300%;letter-spacing:4px;font-family:'Oswald';padding-bottom:15px}
.additionalSpeakers{color:#5DBCD2;font-size:200%;font-weight:bold;font-family:'Oswald'}
.name{font-weight:bold}
#white-triangle-down{width:0px;height:0px;border-left:450px solid white;border-right:450px solid white;border-top:200px solid transparent;border-bottom:0 solid transparent;position:relative;bottom:300px}
.whiteFlex{position:relative;top:-300px;background-color:white;-webkit-box-align:normal !important;-ms-flex-align:normal !important;-ms-grid-row-align:normal !important;align-items:normal !important;width:900px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:75px}
#endorsements{-webkit-box-align:center !important;-ms-flex-align:center !important;-ms-grid-row-align:center !important;align-items:center !important}
.div-center{width:90%;margin:0 auto 0; -webkit-width:90%;-webkit-margin:0 auto 0; -ms-width:90%; -ms-margin:0 auto 0;}
#red-triangle-down{width:0px;height:0px;border-left:450px solid #D52D27;border-right:450px solid #D52D27;border-top:200px solid transparent;border-bottom:0 solid transparent;position:relative}
.redFlex{-ms-flex-pack:distribute;justify-content:space-around;width:900px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;position:relative;top:-375px;background-color:#D52D27}
.whiteTitle {text-align:center}
.redFlex,.redFlex .whiteTitle,.redFlex .topic{color:#fff !important}
.light-footer{position:relative;margin:0 auto;bottom:300px;width:900px;padding:20px;color:white}
.article {font-weight: bold; font-style: italic;}
.sectionBuffer {padding-bottom: 30px}
@media (max-width: 991px){
	.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.wrapper{width:90vw;height:3400px;margin:1vh 5vw}
	.topFlex{width:90vw;height:700px;padding:25px 15px 80px 15px}
	.poem{margin-bottom:10px}
	#triangle-down{width:0px;height:0px;border-left:45vw solid #082e6b;border-right:45vw solid #082e6b;border-top:100px solid transparent;border-bottom:0 solid transparent;position:relative;bottom:99px !important}
	.bottomFlex{width:90vw;padding:0;position:relative;top:-195px}
	.navyFlex{position:relative;top:-100px;margin-bottom:75px;font-size:90%}
	.speakerCol{padding-left:30px}
	.spotlight-text{margin-left:15vw}
	.div-center{width:90%;margin:0 auto 0; -ms-width:90%;-ms-margin:0 auto 0; -webkit-width:90%;-webkit-margin:0 auto 0}
	#white-triangle-down{width:0px;height:0px;border-left:45vw solid white;border-right:45vw solid white;border-top:100px solid transparent;border-bottom:0 solid transparent;position:relative;bottom:234px !important}
	.whiteFlex{position:relative;top:-235px;background-color:white;width:90vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-align:normal !important;-ms-flex-align:normal !important;-ms-grid-row-align:normal !important;align-items:normal !important}
	#red-triangle-down{width:0px;height:0px;border-left:45vw solid #D52D27;border-right:45vw solid #D52D27;border-top:100px solid transparent;border-bottom:0 solid transparent;position:relative;bottom:-2px !important}
	.redFlex{-ms-flex-pack:distribute;justify-content:space-around;width:90vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;position:relative;top:-310px;background-color:#D52D27}.footerFlex{top:-310px}
	.light-footer{width:90vw;color:white}}

.topMessage{color:white}
.topCandidate{font-size:350%;font-weight:800}
.topMessageTop{font-size:250%}
.topText{font-size:150%}
.topMessageWrapper{margin:75px 20px}
.navbar {box-shadow: 3px 3px 3px grey;}
.navbar-inverse{-webkit-transform-origin:top left;transform-origin:top left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:rgba(255,255,255,0.9);box-shadow:5px 5px #2175BC;border:0px !important}



.contact-container {
  width: 100%;
  display: table;
  margin: 0;
  margin-top: -376px; height: 100px;
}

nav a {
  display: table-cell;
  color: white;
  width: 14.2%;
  text-align: center;
  font-size: 2em;
  vertical-align: middle;
  @media (max-width: 768px) {
    font-size: 1.5em;
  }
  padding:.5em;
  &:first-child {
    border-radius: 5px 0 0 5px;
    @media (max-width: 768px) {
      border-radius: 0;
    }
  }
  &:last-child {
    border-radius: 0px 5px 5px 0px;
    @media (max-width: 768px) {
      border-radius: 0;
    }
  }
}


/*
Here's a handy list of social media colors: https://goo.gl/7uo5TR 
*/


/* four items */

nav a:first-child:nth-last-child(4),
nav a:first-child:nth-last-child(4) ~ a {
  width: 25%;
}


nav a.fb {
  background: #3B5998;
  text-shadow: 1px 1px 0px #263961; }
nav a.fb:hover {
    color: #3055a3 !important;
    background: #2d4373;}
nav a.fb:active {
    color: #3B5998;
    background: #1e2e4f;
  }

nav a.tw {
  background: #55ACEE;
  text-shadow: 1px 1px 0px #1689e0; }
nav a.tw:hover {
  color: #4cadf7 !important;
  background: #2795e9; }
nav a.tw:active {
  color: #55ACEE;
  background: #147bc9;
  }

nav a.gp {
  background: #DD4B39;
  text-shadow: 1px 1px 0px #ac2d1e; }
nav a.gp:hover {
    color: #e9422d !important;
    background: #c23321;
  }
nav a.gp:active {
    color: #DD4B39;
    background: #96271a;
  }

nav a.ig {
  background: #517FA4;
  text-shadow: 1px 1px 0px #385771; }
nav a.ig:hover {
  color: #4580b0 !important;
  background: #406582; }
nav a.ig:active {
  color: #517FA4;
  background: #2f4a60; }

@media (max-width: 768px){nav.contact-container a{font-size:1.5em}}
@media (max-width: 768px){nav.contact-container a:first-child{border-radius:0}}
@media (max-width: 768px){nav.contact-container a:last-child{border-radius:0}}
@media (max-width: 400px){.light-footer{width:90vw;color:white}}
@media only screen and (max-width: 600px) {.no-mobile-view{display:none}}

@media only screen and (max-width: 991px)
	{
	 .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;
	 	-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;
	 	-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	 .img-spotlight.img-circle{width:30vw;padding:10px}
	 img.topImg {margin-top: 30px;}
	 #triangle-down {bottom: 100px;}
	 .topFlex {height: 450px;}
	 .navyFlex {margin-bottom: 175px;}
	 #white-triangle-down {bottom: 235px;}
	 #red-triangle-down {bottom: 0;}
	 .contact-container {margin-top: -310px;}
	 .wrapper {height: 2500px;}
	}

.topFlex{ background-image:url(images/blueGradientBG.jpeg);}

//updated ver
* {
  box-sizing:border-box;
}