body,html {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: #e8e8e8;
}

a {
	list-style-type: none;
	color: black;
}

h1 {
	border-bottom: 1px solid black;
}

/* -TOPNAV- */

	.topnav {
		background-color: #dbdbdb;
		height: 25px;
		width: 100%;
	}

	.topnav_content {
		width: 80%;
		text-align: right;
		padding-top: 2px;
		letter-spacing: 3px;
		font-size: 12px;
	}

/* -LOGO- */

	.logo_col {
		background: url("img/logo.png");
		background-color: #e8e8e8;
		background-repeat: no-repeat;
		height: 275px;
		width: 100%;
	}

/* NAVIGATION STYLING */

		ol {
			background-color: #e7e7e7;
			padding: 10px;
			width: 100%;
			border-radius: 10px;
			border: 1px solid lightgrey;
		}

		ol li {
			border-radius: 0px;
			list-style-type: none;
			background-color: #f7f7f7;
			padding: 5px;
			margin-left: 0px;
			margin-bottom: 0px;
			color: orange;
		}

		li a {
			margin-left: 7px;
			color: #A6A7A7;
		}
		
		.glyphicon-menu-hamburger {
			font-size: 1.3em;
			color: #555;
		}

		.glyphicon-menu-down {
			font-size: 1.3em;
			margin-left: 7px;
			color: #666;
		}

		.glyphicon-menu-up {
			font-size: 1.3em;
			margin-left: 7px;
		}

		.btn {
			border: 0px solid grey;
			font-family: Helvetica,Arial,sans-serif;
			border: 1px solid lightgrey;
		}
		
		.btn a {
			color: #FFFFFF;
		}

		.btn:hover {
			border: 1px solid orange;
		}
		
		[data-toggle="collapse"].collapsed .if-not-collapsed {
			display: none;
		}
		[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
			display: none;
		}

/* -CONTENT- */

	.small {  
		width: 130px;
		height: 130px;
		margin: 15px 5px 15px 5px;
		padding: 5px;
		background-color: #FFF;
		float: right;
	}

	.rounded {
		border-radius: 25px;
	}

	.row {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.container {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.row_2 {
		min-height: 200px;
		background-color: #f7f7f7;
		padding: 20px;
	}

	.row_3 {
		min-height: 200px;
		background-color: #e8e8e8;
		padding: 20px;
	}

	.left {
		text-align: left;
	}

	.right {
		text-align: left;
		border-left: 1px solid black;
	}
	
.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}

/* -COPYRIGHT- */

	.copyright {
		text-align: center;
		background-color: #f7f7f7; /*#e8e8e8;,#f7f7f7;*/
		height: 50px;
		padding: 15px 0px 0px 0px;
	}

/* -GOTOP- */

	.gotop {
		position: fixed;
		bottom: 0;
		right: 0;
		margin-right: 15%;
		border-top: 1px solid grey;
		border-left: 1px solid grey;
		border-right: 1px solid grey;
		border-radius: 10px 10px 0px 0px ;
		border-bottom: 0;
		padding: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
		background-color: #dbdbdb;
		font-weight: bold;
		font-size: 15px;
	}
	
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
 
* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
 
body {
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    font-weight:300;
    font-size: 12px;
    line-height:30px;
    color:#777;
    background:rgb(3, 153, 212);
}
 
.container {
    max-width:400px;
    width:100%;
    margin:0 auto;
    position:relative;
}
 
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }
 
#contact {
    background:#F9F9F9;
    padding:25px;
    margin:50px 0;
}
 
#contact h3 {
    color: blue;
    display: block;
    font-size: 30px;
    font-weight: 700;
}
 
#contact h4 {
    margin:5px 0 15px;
    display:block;
    color: black;
    font-size:13px;
}
 
fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}
 
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea {
    width:100%;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
}
 
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:1px solid #AAA;
}
 
#contact textarea {
    height:100px;
    max-width:100%;
  resize:none;
}
 
#contact button[type="submit"] {
    cursor:pointer;
    width: 100%;
    border:none;
    background:rgb(3, 153, 212);
    color:#FFF;
    margin:0 0 5px;
    padding:10px;
    font-size:15px;
}
 
#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}
 
#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }
 
#contact input:focus, #contact textarea:focus {
    outline:0;
    border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
 
.success{
    color: green;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.failed{
    color: red;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}