/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 @import url(https://fonts.googleapis.com/css?family=Libre+Baskerville|Montserrat&display=swap);

 html {
	 background:#222222;
 }
 
 body {
	 margin-top: 50px;
	 margin-bottom: 50px;
	 background: none;
 }
 
 h1,
 h2,
 h4 {
	 color:#fff;
	 font-family: 'Libre Baskerville', sans-serif;
 }
 
 h3 {
	 color:#fff;
	 margin:0;
	 font-weight:500;
	 font-family: 'Libre Baskerville', sans-serif;
	 font:italic;
 
 }
 
 h1 a {
	 color:#fff;
 }
 
 h1 a:hover {
	 color:#fff;
 }
 
 p {
	 color:#fff;
	 margin:2% 0 2%;
 }
 
 span {
	 color:#000;
 }
 
 #caret {
	 color:#fff;
 }
 @media screen and (min-width:830px) {
	 #logo > .logo {
				width: 300px !important;
	 }

}

@media screen and (max-width: 830px) {
	#page {
		background-color:
    #d9d9d9 !important;
    height: 600px !important;
    padding: 10px;
 }
 #alert{
	 font-size: 18px !important;
 }
 .header{
	 font-size: 28px !important;
 }
 .intro-footer a, .intro-footer p {
	 font-size: 14px !important;
 }
}
 /*************************/
 .logo{
	 max-width: 100%;
	 height: auto;
	 width: auto;
	 margin-bottom: 20px;
	 margin-top: 10px;
 }
 .header{
	 font-size: 35px;
 }
 #intro p {
	 color:#fff;
	 font-size:16px;
	 line-height:36px;
 }
 
 
 
 /***********************
 HOVER EFFECTS
 ***********************/
 
 #logo:hover {
	 text-decoration:none;
 }
 
 a {
	 color:#337eb8;
	 font-weight:500;
 }
 
 a:hover {
	 color:#000;
	 text-decoration:underline;
 }
 .link:hover{
	 color: #3b5fb0;
 }
 #alert a {
	 font-weight:bold;
	 margin-bottom: 20px;
 }
 
 #alert{
	 font-size:25px;
	 font-family: 'Montserrat', sans-serif;
	 color:#000;
 
 }
 
 
 /*************************/
 
 #footer {
		 position: relative;
		 bottom: 0;
		 margin:8% 0 0;
		 width: 100%;
 }
 
 #footer p {
	 line-height:145%;
 }
 
 .link:hover {
	 text-decoration:underline;
 }
 
 .nav-footer {
	 margin:0 0 2%;
 }
 
 .intro-footer a, .intro-footer p {
	 color:#000;
	 font-size: 17px;
	 margin-top:10px;
	 line-height:9px;
 }
 
 #twitter, #facebook {
	 font-size:18px;
	 text-decoration:none;
 }
 
 #facebook {
	 color:#4967ab;
	 font-size: 20px;
 }
 
 #facebook:hover {
	 color:#3b5fb0;
 }
 
 #twitter {
	 color:#53c2e5;
	 font-size: 20px;
 
 }
 
 #twitter:hover {
	 color:#3ca6c4;
 }
 
 /*************************/
 
 .full {
	 /*background:url('../img/bg2.png');*/
	 background: url(../img/bg.jpg) no-repeat center center fixed;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
 }