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

/*

div id - #

div class - .

HTML tag - body

*/
.container{
	padding-top:20px;
}

.container-videos{
	padding-bottom:60px;
}

.transbox {
  margin: 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity: 0.8;
}

.transbox p {
  margin: 5%;
  font-weight: bold;
  color: #000000;
}

body{
	background-image: url("../images/bg.jpg");
	background-attachment:fixed;
	font-size:1rem;
	padding-top:20px;
}

h1{
	padding:10px;
	text-align:center;
}

.col{
	text-align:center; 
	padding-top:10px;
	padding-bottom:10px;
}

.col ul li{
	display:inline;
	padding-right: 10px;
	}

.colA{
	text-align:right;
}

.col-4{
	padding-bottom: 20px;
	align-content: center;
}

.col-6{
	padding-top:10px;
}

hr{
	height: 0px;
    border: none;
    border-top: 10px solid #000;
	padding-bottom: 15px;
}

.footer{
	background-color:#09d409;
}

.copyright{
	color:white;
}

.dropdown-menu> li> a:hover{
  background-color:#09d409;
}

input[type=text]{
	padding-left:10px;
	border:2px solid #09d409;
	border-radius: 6px;
}

input[type=text]:focus{
	padding-left:10px;
	border:2px solid #09d409;
	border-radius: 6px;
}

textarea{
	border: 2px solid #09d409;
	border-radius: 6px;
	padding-left:10px;
}

label{
	padding-bottom:10px;
}