body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
     
	 /*
	  color: #f5f6f7;
	  
	 background-image:url("radfordmathematics-home.jpg");
	  background-size:100%;
	  background-attachment:fixed;
	  background-repeat:no-repeat;
	*/
	  
	color: #f5f6f7;
	background-color: #000; 
    background-image: url("landing-page-backgrounds/algebra-landing-page.png"); 
    background-repeat: no-repeat; 
    background-position: center;
    background-attachment: fixed;       
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	  
  }
  
  
  body h1{
	color: #486F94;
	}
	
	
  p {font-size: 16px;}
  .margin {
	margin-top:10px;
	margin-bottom: 10px;
	color: #486F94;
	}

.table-responsive{
	
	font-size: 8px;
}


	
	.margin h1{
		color: #ffffff;
	}
	.margin h2{
		margin-top:5px;
		}

  .vertical-menu li a:hover {
    background-color: #ccc;
}

.vertical-menu a {
    background-color: #eee;
    color: #808080;
    display: block;
    padding: 5px;
    text-decoration: none;
	margin-left: -15px;
}
  
  .bg-1 { 
	/* Green */
      color: #ffffff;
	  opacity:1;
	  font-weight:bold;
	  z-index:-1;

  }
  

  
		
  .bg-3 { 
      background-color: #ffffff; /* White */
      color: #555555;
	  padding-left:30px;
	  padding-right:30px;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  
.table{
	font-size:10px;
}
  
  .container-fluid {
      padding-top: 70px;
      padding-bottom: 70px;
  }
  
  #noPadding{
		padding-top:1px;
		padding-bottom:1px;
		}
	  
.jumbotron{
	background-color: #428bca;
	padding-top:75px;
	padding-bottom:50px;
	margin-bottom: 0;
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
	opacity:0.9;
	 }
	  
	  #donate{
		  background-color: #d9534f;
		  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
		  opacity:0.9;
	  }

/* NavBar CSS */
  
.main{
	width:100%;
	font-family:helvetica;
	font-size:110%;
	/*background-image:url("simple-math-background.jpg");
	background-size:cover;*/
	color:#484848;
	position:relative;
}

   .navbar {
	 
	opacity:1;
	z-index:4;
	margin-top:-5px;
    margin-bottom: -5px;
    font-size: 10px;
	font-weight:normal;
	
	background-color: #f2f2f2;
	
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-radius: 0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
	
  }
  
  .navbar li a{
	color:#486F94;
	}
	
  .navbar-nav  li a:hover {
     background-color: dimgray;
	  
  }

/* attempt to reduce height of default Bootstrap NavBar Height */

.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important; padding-bottom:0 !important;
    height: 30px;
}
.navbar {min-height:30px !important;}
  
/* reduce navbar height on mobile */

.navbar-toggle {
     padding: 0 0;
     margin-top: 7px;
     margin-bottom: 0;
}

/* end of navbar height reduction */
 

	
	  .affix {
      top: 0;
      width: 100%;
  }

  .affix + .container-fluid {
      padding-top: 53px;
  }
  
  .card{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  #topHomePage{
	background-color:#ffffff;
	padding:2px;
	padding-left:15px;
	margin-top:-5px;

	}
	
	#topHomePage h1{
	color:#486F94;
	}
	
	#topHomePage h3{
	padding-top:2px;
	color:#486F94;
	}
	
	#topHomePage h4{
	margin-right:20px;
	margin-top:10px;
	color:#ffffff;
	text-align:right;
	padding:10px;
	}
	

  
  .flippedClass{
		color: #486F94;
	  background-size:100%;
	  background-attachment:fixed;
	  background-repeat:no-repeat;
	  opacity:1;
	  font-weight:bold;
	  z-index:-1;
	  opacity:0.9;
	 }
  
	
  
  #alignRight {
		text-align:right;
	}
	
 #alignRight h3{	
	text-align:right;
	}

#news{
	
}

#flippedClass{
	
}

#students{
	
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	
	.bg-2{
		display:none;
	}
	
	#notMobile1{
		display:none;
	}
	
	#notMobile2{
		display: none;
	}
	
	#notMobile3{
		display: none;
	}
	
	#topHomePage{
		display:none;
	}
	
	.navbar{
		opacity:1;
	}
	
	/* Background image on mobile 
	
	body background-image{
		display:none;
	}
	*/
	
	.container-fluid {
      padding-top: 30px;
      padding-bottom: 30px;
  }
	.jumbotron{
		padding-top: 30px;
	}
	
	/*  background image 
	  body {
	  
	  background-image:none;
		  }
	
	*/
  
}

#videoContainer{
	margin:0px;
	margin-left:-15px;
	padding:0px;
}

video{
	padding:0px;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-100;
	position:fixed;
}
	  #topics1{
		  margin-left:0px;
		  margin-right:10px;
	  }
	  #topics2{
		  margin-left:0px;
		  margin-right:10px;
	  }
	  #topics3{
		  margin-left:0px;
		  margin-right:10px;
	  }

	

	  
	  #numbers{
		  border-left: 4px solid #428bca;
		  
		  margin-bottom: 20px;
	  }
	  
	  #algebra{
		  border-left: 4px solid #428bca;
		  margin-bottom: 20px;
	  }
	  
	  #functions{
		  border-left: 4px solid #428bca;
		  margin-bottom: 20px;
	  }

	  
	  #geometry{
		  border-left: 4px solid #428bca;
		  margin-bottom: 20px;
	  }
	  
	  #statistics{
		  border-left: 4px solid #428bca;
		  margin-bottom: 20px;
	  }
	  
	  #vectors{
		  border-left: 4px solid #428bca;
		  margin-bottom: 20px;
	  }
	  
	  #calculus{
		  border-left: 4px solid #428bca;
		  margin-bottom: 20px;
	  }

footer{
	padding:20px;
	color:white;
	background-color:#787878;
	}

#students{
	background-color: #989898;
	color:white;
	opacity: 0.9;
}

/* this allows the YouTube video to be responsive on mobile */

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

.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

	  
  	
/* Link to add to html header 

  <link rel="stylesheet" type="text/css" href="separate-sheet.css">
*/