/* CSS Document 
Theme Name: Cenzo's Bar Landing Page
Description: Theme for Cenzo's Bar Landing Page
Author: ZigZag Advertising (Whillea Chua-Garcia)
Author URI: http://www.zigzagadvertising.com.au/
Version: 1.0
*/
/***** FONTS *****/
@font-face { 
font-family:BebasNeue;  
src:url('fonts/BebasNeue.eot'); /* IE9 Compat Modes */
src:url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/BebasNeue.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/BebasNeue.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/BebasNeue.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/BebasNeue.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
@font-face { 
font-family:MinionPro-Regular;  
src:url('fonts/MinionPro-Regular.eot'); /* IE9 Compat Modes */
src:url('fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/MinionPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/MinionPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/MinionPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/MinionPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
@font-face { 
font-family:Rockwell;  
src:url('fonts/Rockwell.eot'); /* IE9 Compat Modes */
src:url('fonts/Rockwell.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Rockwell.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Rockwell.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Rockwell.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Rockwell.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
@font-face { 
font-family:Rockwell-Bold;  
src:url('fonts/Rockwell-Bold.eot'); /* IE9 Compat Modes */
src:url('fonts/Rockwell-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Rockwell-Bold.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Rockwell-Bold.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Rockwell-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Rockwell-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
/***** GENERAL *****/
body { letter-spacing:2px; font-family:Rockwell; font-size:15px; line-height:1.6em; color:#373737; }
a, a:hover, a:focus, a:active { outline:0; color:#ffffff; text-decoration:none; }
.full-width { padding-left:0px; padding-right:0px; }
h1, h2, h3, h4, h5, h6 { font-family:Rockwell-Bold; color:#1c1b1a; }
strong { font-family:Rockwell-Bold; font-size:20px; color:#ffffff; font-weight:normal; }
p { padding-bottom:10px; }

/***** HEADER *****/
.header-container { position:relative; display:block; letter-spacing:2px; font-family:Rockwell; font-size:45px; text-align:center; padding-top:120px; padding-bottom:120px; background: url("images/Header_2.jpg") no-repeat top center; background-attachment:fixed; height:307px; background-size: auto 307px; color:#ffffff;  }
.header-container strong { font-family:Rockwell; font-size:100px; font-weight:normal; color:#ffffff; }

/***** MAIN CONTENT *****/
.main-content-container { background:#000000; color:#ffffff; text-align:center; padding-top:50px; padding-bottom:50px; }
.main-content-container strong { letter-spacing:5px; }
.bordered-content p { border-top:1px solid #ffffff; padding-top:10px; padding-bottom:10px; margin-bottom:0px; }
.bordered-content p:last-child { border-bottom:1px solid #ffffff; }
.social-link { padding-left:5px; padding-right:5px; }
.social-link:hover { opacity:0.7; }
.social-icon { max-width:30px; }

/***** FOOTER *****/
.footer-container { background:#ffffff; font-size:14px; color:#000000; text-align:center; padding-top:30px; padding-bottom:30px; }
.footer-container a { color:#000000; }
.footer-container p { margin-bottom:0px; padding-bottom:0px; }

/***** MEDIA QUERIES *****/
@media (min-width:1311px) {
.header-container { background-size: 100% 307px; }
}
@media (min-width:768px) {
}
@media (min-width:1200px) {
}
@media (max-width:768px) {
}
@media (max-width:767px) {
.header-container { height:auto; background-attachment:scroll; background-size: cover; padding-top:70px; padding-bottom:70px; }
}
@media (max-width:680px) {
}
@media (max-width:600px) {
}
@media (max-width:480px) {
}

