/* GearPro Website
    Version 1.0 Author: Jason Sheppard
    Comissioned: Jody Moore */
@import url('https://fonts.googleapis.com/css?family=Merriweather:300|Source+Sans+Pro:200,400,600');

:root {
  /* 
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #cccccc;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
*/
  /* Override Variables */
  --font-family-sans-serif: 'Source Sans Pro', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  /* Page Variables */
  --gray-dark: #343a40;
  --light: #f8f9fa;
  --gray: #cccccc;
  --font-family-serif: Merriweather, serif;
  --color-text: var(--gray);
  --font-family-text: var(--font-family-serif);
}

.family-sans {
  font-family: var(--font-family-sans-serif);
}


body {
font-family: var(--font-family-text);
color: var(--color-text);
font-weight: 200;
background-color: black;
}

.fixed-bg{
background-image: url(../images/batman2.jpg);
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.site-header {
}
.layout-title{
font-family: var(--font-family-sans-serif);
}
.layout-text {
font-family: var(--font-family-sans-serif);
font-size: 1.1em;
}

.navbar {
background: black;
overflow:hidden;
width: 100%;
}

.page-section {
    background-color: black;
    border-top: 5px solid red;
    border-bottom: 5px solid red;
}

/*.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}*/

.site-header .layout-hero {
  min-height: 50vh;
}

.site-header .page-section-title {
  font-size: 3em;
  font-family: var(--font-family-sans-serif);
  font-weight: 200;
}

.site-header .page-section-text {
  font-size: 1.2em;
}

#Info{
  background: black;
}

#Support{
  background: black;
}
#image1 {
    width: 300px;

}
#tutorVideo {
    overflow-x: scroll;
    height: 225px;
}

a h6 {
    text-align: center;
}

a {
    text-decoration: none;
    color: white;
}


.layout-image {
    width: 200px;
    margin-right: 10px;
}

#ipadImage {
    width: 600px
}

#Contact{
  background: black;
}

#About{
  background:black;
}

.page-section-header .page-section-title {
  font-size: 4em;
  font-family: var(--font-family-sans-serif);
  font-weight: 200;
  color: var(--purple);
}

.page-section-header .page-section-text {
  font-size: 1.2em;
  font-weight: 200;
}