/*
Theme Name: Backseat Confidential
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}



body {background-color: #a81b1a;}

#header {display: none;}
.intro-block {width: 80%; min-height: 520px; margin: 0 auto; padding: 60px 0 60px 465px; background: #a81b1a url("../../uploads/bsc-background-desk.png") no-repeat left top;}

.intro-block h2 {font: 20px/28px 'Roboto Slab', serif; color: #fff; margin-bottom: 30px; padding-right: 150px;}
.intro-block h3 {font: 44px/60px 'Fjalla One', sans-serif; color: #fff; }

h2.coming-soon {font: 36px/36px 'Fjalla One', sans-serif; text-align: center; text-transform: uppercase; color: #fff; background-color: #d20808; padding: 20px 0;}
  
.synopsis-block {background-color: #fff; padding: 80px 20%;}

.synopsis-block h2 {font: 34px/34px 'Fjalla One', sans-serif; color: #fff; background-color: #600404; padding: 5px; display: inline-block; margin-bottom: 30px;}
.synopsis-block p {font: 18px/24px 'Source Sans Pro', sans-serif; color: #600404; margin-bottom: 20px;  }
.synopsis-block h4 {font: 20px/30px 'Source Sans Pro', sans-serif; font-weight: 700; color: #a81b1a; margin-bottom: 20px;  }


p strong {font-weight: 700;}

#footer {padding: 20px 10%;}
#copyright {font: 16px/16px 'Source Sans Pro', sans-serif; color: #600404;}










@media (max-width: 768px) {

.intro-block {width: 100%; min-height: 520px;padding: 380px 5% 60px 5%; background: #a81b1a url("../../uploads/bsc-background-mobile.png") no-repeat center top;}

.intro-block h2 {font: 20px/28px 'Roboto Slab', serif; color: #fff; margin-bottom: 30px; padding-right: 0;}
.intro-block h3 {font: 36px/50px 'Fjalla One', sans-serif; color: #fff; }

.synopsis-block {background-color: #fff; padding: 60px 10%;}
.synopsis-block h2 {padding: 10px;}




}




/*
    font-family: 'Fjalla One', sans-serif;

    font-family: 'Roboto Slab', serif;

    font-family: 'Source Sans Pro', sans-serif;
*/