@charset "UTF-8";
/* CSS Document */

body { background: black; }
*, h1, h2, h3, h4, h5, h6, a, p { font-family: CenturyGothicStd; }
strong { font-weight: normal; font-family: CenturyGothicStd-Bold; }
	
.pattern { background-image:url(/img/pattern.png); background-repeat: repeat; background-attachment:scroll; width:100%; height:100%; position:absolute; top:0; left:0; }

.navbar .navbar-right a { color: white !important; padding-left: 0; padding-right: 0; }
.navbar .navbar-right a img { width: 40px; height: auto; }
.navbar .navbar-right a:hover img { opacity: 0.75; }

section.main { height: 75vh; display: block; text-align: center; margin-top: 100px; }
.popover-we-are-coming-soon { position: absolute; top: 5vh; }
.popover-we-are-coming-soon * { background: black; color: white;  text-align: center; }
.popover-we-are-coming-soon .popover { position: relative; display: block; max-width: 50%; margin: auto; bottom: 0; }
.popover-we-are-coming-soon h1.popover-title { font-size: 4vw; border: none; }
.popover-we-are-coming-soon h1.popover-title strong { color: #7fb4cd; }
.popover-we-are-coming-soon .popover-content { font-size: 1.5vw; }

a { color: white; }
a:hover { color: white; }
a.btn { background: none; color: white; border-color: white; font-weight: bold; }
a.btn:hover { background: black; color: white; }

section.youtubewrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
section.youtubewrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.we-are-corrino { padding: 5vh; }
section.we-are-corrino .text { line-height: 2em; }
section.we-are-corrino .text h1 { text-transform: uppercase; font-size: 400%; }
section.we-are-corrino .numbers { text-transform: uppercase; font-size: 110%; }
section.we-are-corrino .numbers strong { display: block; font-size: 135%; color: black; padding-bottom: 8px; }

section.contact { color: white; }

footer { color: black; }


@media screen and (max-width: 768px) { 
	.pattern { display: none; }
	.navbar .navbar-header { background: rgba(0,0,0,0.25) !important; height: 100px; z-index:10; }
	.navbar .navbar-header img { max-width: 25vw; min-width: 130px; height: auto; }
	.navbar .navbar-collapse { border: none; background: rgba(0,0,0,0.5) !important; }
	.navbar .navbar-collapse a { padding: 4px 20px; }
	.navbar .navbar-collapse a:hover { text-decoration: underline; }
	section.main { height: auto; position: relative; min-height: 312px; }
	.popover-we-are-coming-soon { }
	.popover-we-are-coming-soon * { background: none; border-radius: 0; }
	.popover-we-are-coming-soon .popover { max-width: 100%; padding: 0 !important; border: none; box-shadow: none !important; z-index: 9; margin-top: 0; }
	.popover-we-are-coming-soon h1.popover-title { padding: 20px 20px 10px 20px; font-size: 26px; }
	.popover-we-are-coming-soon .popover-content { padding: 10px 20px 20px 20px; font-size: 20px; }
	section.we-are-corrino { padding: 0; }
	section.we-are-corrino .text h1 { font-size: 12vw; }
	section.contact .text-center { text-align: left; }
	footer { color: white; }
	footer .text-center { text-align: left; }
}