a.navbar-brand, .navbar-light {
    font-family: 'Quicksand', sans-serif !important;
    color: #006699 !important;}

a.navbar-brand, .navbar-dark {
    font-family: 'Quicksand' !important, sans-serif;
    color: #FFFFFF !important;}

a:hover img{
    opacity:0.8;
    }

.page-header {
    background-color: #006699;
    margin-top: 0;
    padding: 5px 20px 5px 40px;
}

.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
    color: #ffffff;
    font-size: 36pt;
    text-decoration: none;
}

.content {
    margin-left: 40px;
}

h1, h2, h3, h4 {
    font-family: 'Quicksand', sans-serif;
    color: #FFFFFF;
}

.date {
    color: #828282;
}

.save {
    float: right;
}

.post-form textarea, .post-form input {
    width: 100%;
}

.top-menu, .top-menu:hover, .top-menu:visited {
    color: #ffffff;
    float: right;
    font-size: 26pt;
    margin-right: 20px;
}

.post {
    margin-bottom: 70px;
}
.carousel-inner {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.post h1 a, .post h1 a:visited {
    color: #000000;
}

.super-form textarea, .super-form input {
    width: 100%;
}
.super {
    margin-bottom: 70px;
}

.super h1 a, .super h1 a:visited {
    color: #000000;
}

img.soft{
    border-radius: 5px;
}

#footer {
    background-color: #000;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	}
#footer h3 {font-size: 1em;}


@media screen and (max-width: 600px) {

.page-header h1 {
    color: #ffffff;
    font-size: 2rem;
    text-decoration: none;
    word-wrap: break-word !important;
    }
    
.display-4 { 
	font-size: 2rem;
	}
}

.card {
    margin-bottom: 5px;
    }
.card-title {
    font-family: 'Quicksand', sans-serif !important;
    color: #006699 !important;}

/* Position sprite*/
.social-box {
	width: 320px;
	height: 100px;
	margin: 2% auto;
	[disabled]border: solid 1px red;
}
/* Start Sprite */
.social1 {
float: left;
width: 23%;
height: 0;
padding-bottom: 24%;
margin:0 1%;
background-image: url('../../images/facebook_dk.png'), url('../../images/facebook.png');
background-size: 100%;
background-repeat: no-repeat;
display:block;


	/*Positioning the Background Images*/
	background-position: 0px 0px, 0px 0px;

/*Transition Parameters*/
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.social1:hover {
 width: 23%;
height: 0;
padding-bottom: 24%;
background-size: 100%;
background-repeat: no-repeat;
display:block;
	background-position: 0 -3000%, 0 0;
}

.social2 {
float: left;
width: 23%;
height: 0;
padding-bottom: 24%;
margin:0 1%;
background-image:  url('../../images/googlePlus_dk.png'), url('../../images/googlePlus.png');
background-size: 100%;
background-repeat: no-repeat;
display:block;


	/*Positioning the Background Images*/
	background-position: 0px 0px, 0px 0px;

/*Transition Parameters*/
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.social2:hover {
 width: 23%;
height: 0;
padding-bottom: 24%;
background-size: 100%;
background-repeat: no-repeat;
display:block;
 /* Use ONLY percents here */
	background-position: 0 -3000%, 0 0;
}

.social3 {
float: left;
width: 23%;
height: 0;
padding-bottom: 24%;
margin:0 1%;
background-image: url('../../images/linkedin_dk.png'), url('../../images/linkedin.png');
background-size: 100%;
background-repeat: no-repeat;
display:block;


	/*Positioning the Background Images*/
	background-position: 0px 0px, 0px 0px;

/*Transition Parameters*/
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.social3:hover {
 width: 23%;
height: 0;
padding-bottom: 24%;
background-size: 100%;
background-repeat: no-repeat;
display:block;
background-position: 0 -3000%, 0 0; /* Use ONLY percents here */
}

/* End sprite */


/**

font-family: 'Dancing Script', cursive;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Pathway Gothic One', sans-serif;
font-family: 'Quicksand', cursive;
font-family: 'Sacramento', cursive;
font-family: 'Tangerine', cursive;
font-family: 'BenchNine', sans-serif;
font-family: 'Marck Script', cursive;
**/