body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html, body{
    height: 100%;
}

body {
	margin:0;
    padding:0;
    font-family: arial, sans-serif;
	color: #fff;
    background: #011925 url('images/brainfest-bg.jpg') no-repeat;
    background-size: cover;
}
h1 {
	font-size: 42px;
    margin-bottom: 10px;
}
h2 {
	font-size: 26px;
	margin-bottom: 25px;
}
h3 {
	font-size: 24px;
	margin-bottom: 25px;
}
p {
	font-family: arial, 'Open Sans', sans-serif;
	font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
}
a {
	color: #55c5ed;
    text-decoration: none;
}
a:hover {
	text-decoration: none;
    color: #76a52e;
}
a:focus {
	text-decoration: none;
    color: #55c5ed;
}
ul, ol {
	list-style: none;
}
.brain-col2 li {
	padding-bottom: 10px;
}
#container {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}
#social-icons {
    float: right;
    font-size: 60px;
    margin-bottom: -60px;
    margin-top: -20px;
    position: relative;
}
#social-icons li {
	display: inline;
	padding: 0 0 0 10px;
}
.brain-col1 {
    width: 15%;
    float: left;
    margin-top: 20px;
    margin-right: 1%;
}
.brain-col2 {
    width: 39%;
    float: left;
}
.brain-col3 {
    background: url('images/BrainConnectome.png') no-repeat;
    width: 45%;
    float: right;
    min-height: 475px;
    padding-top: 320px;
}
.backtoneuro {
	margin: -15px 0 10px -15px;
	display: inline-block;
}
.backtoneuro img {
	width: 150px;
}
.col1-bubbles {
    background: #134770;
    border: 2px solid #55c5ed;
    padding: 60px 35px;
    max-width: 75px;
    text-align: center;
    font-size: 22px;
    border-radius: 85px;
    float: left;
    margin-bottom: 15px;
    transition: 0.2s;
    opacity: 1;
    color: #fff;
}
.col1-bubbles:hover {
    opacity: 0.7;
    color: #fff;
}
.col1-bubbles.reduce-height {
    padding: 45px 35px;
}
.col1-bubbles.reduce-height-home {
    padding: 52px 35px;
	font-size: 18px;
}
.small {
    font-size: 18px;
    text-align: center;
    float: left;
    padding: 40px 25px;
    max-width: 100px;
    border: 2px solid #55c5ed;
    transition: 0.2s;
    opacity: 1;
    color: #fff;
}
.large {
    font-size: 24px;
    text-align: center;
    float: left;
    padding: 40px 25px;
    max-width: 120px;
    border: 2px solid #55c5ed;
    transition: 0.2s;
    opacity: 1;
    color: #fff;
}
.small:hover, .large:hover {
    opacity: 0.7;
    color: #fff;
}
.small:focus, .large:focus {
    color: #fff;
}
.large.cafe {
    font-size: 20px;
}
.cinema-bubble {
    background: #76a52e;
    border-radius: 85px;
    margin: 10px 10px 20px 0;
}
.health-bubble {
    background: #8e2fb1;
    border-radius: 85px;
    margin: 80px 20px 20px 0;
}
.art-bubble {
    background: #e18506;
    border-radius: 85px;
    margin: 20px 0 20px 0;
}
.showcase-bubble {
    background: #8e2fb1;
    border-radius: 85px;
    margin: -10px 0 20px -10px;
}
.cafe-bubble {
    background: #63a0cc;
    border-radius: 85px;
    margin: -180px 10px 20px 0;
}
.opening-bubble {
    background: #8e2fb1;
    border-radius: 85px;
    margin: -75px 0 20px 0;
}
.cafe-poster {
	width: 400px;
	display: block;
	margin: 10px 0;
}
.sponsor-tile {
	float: left;
	display: inline-block;
	width: 40%;
	margin: 20px;
}
.sponsor-tile-small {
	float: left;
	display: inline-block;
	width: 23%;
	margin: 20px;
}
.sponsor-tile-small img {
	width: 120px;
}
.sponsor-tile a, .sponsor-tile-small a {
	color: #fff;
	text-align: center;
}
.sponsor-tile-small h3 {
	font-size: 16px;
}
.showcase-images {
	float: left;
	display: inline-block;
	margin: 2px;
	width: 228px;
}

@media screen and (max-width: 1175px) {
    .brain-col1, .brain-col2, .brain-col3 {
        width: 100%;
        margin: 0;
    }
    .col1-bubbles, .col1-bubbles.reduce-height-home, .col1-bubbles.reduce-height {
		font-size: 11px;
		height: 40px;
		margin-right: 10px;
		padding: 35px 25px 15px;
		width: 40px;
    }
    .brain-col3 {
        background: none;
        min-height: 0;
        padding: 0;
    }
    .small, .large {
        margin: 0 10px 0 0!important;
		font-size: 11px!important;
		height: 45px!important;
		margin-right: 10px!important;
		margin-bottom: 10px!important;
		padding: 25px!important;
		width: 45px!important;
    }
	.large.cafe {
		font-size: 11px!important;
	}
}