@font-face {
  font-family: Sunny;
  src: url(../font/SunnyspellsRegular.otf);
}

 h1 { 
	font-size:50px;
	font-family: courier;	}
#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}

hr.sep {
  border: 5px solid green;
  border-radius: 5px;
}

.row {
	padding-bottom: 5px;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: black;
   color: white;
   text-align: center;
   font-family: Sunny;
   color:yellow;
   font-size:1.5em;
}

	#duckin {
	  font-family: Sunny;
      font-size: 3em;	  
	}

.dropdown-menu {
    width: 300px !important;
}

@media(max-width:768px){
	#logo {
	 width: 40%;
	}
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
	.jumbotron{
		width: 100vh;
	}

		@media (max-width: 768px)
		{
		p {
		  font-size:12px;
		  font-weight: 500;
		  }
		#itemlist {
			font-size:12px;
		}
        h1 { 
			font-size:32px;
			font-family: courier;
			color: yellow;
		}
		p {
		  font-size: .8em;
		}

	#duckin {
	  font-family: Sunny;
      font-size: 2em;	  
	}