/*
Theme Name: Architecture for Dogs
Author: Dennis Mueller
Author URI: http://www.netzwerkmensch.de
*/

/*.navbar-nav .dropdown-menu {
    left: 50%;
    transform: translate(-50%,0);
}*/
.nav-fill .nav-item{
    text-align:left !important;
}

.hoveroverlay{
    background: rgba(255,255,255,0.75);
    height: 100%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s;
}
.hoveroverlay:hover{
    opacity: 1;
}
.hoveroverlay h2 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color:#030000;
    text-align: center;
}

.topbanner{
	width: 100%;
	height: 91px;
	text-align: center;
	background: #b8dee2; /* For browsers that do not support gradients */
	background: linear-gradient(#b8dee2, #67b1be);
	display: flex;
	align-items: center;
	justify-content: center;
}
.topbanner div {
	display: inherit;
}
.btn{
        padding: 15px 30px;
        border: 3px solid #fff;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        min-width: 131px;
        color: #fff;
    }
@media screen and (max-width: 425px){
.btn {
            padding: 50px 30px;
            width: 90%;
            text-align: center;
            font-size: 40px;
            margin: 0 auto;
            line-height: 45px;
        }
.topbanner{ width: 950px; }
        .topbanner .btn {
            font-size: 20px;
            padding: 10px 30px;
        }
}
@media screen and (max-width: 949px){
        .topbanner{ width: 950px; }
    }