@charset "utf-8";
/* CSS Document */

.dropbtn {
	width: 100px;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	display: none; !important
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10000;
}

.dropdown {
    position: absolute;
    display: inline-block;
	width: 100%;
	right: 0;
	top: 172px;
	z-index: 10000000000;
}

.dropdown-content {
    display: none; !important
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
	margin-top: -7px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100000000000000;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:center;
}

.dropdown a:hover {background-color:  #CB0136;
color: white; }


@media only screen and (max-width: 1449px) {
	.card {
	padding-bottom: 50px;
}
.container {
	width: 90%;
}
#last-card {
	padding-bottom: 0px;
}
	.dropdown {
		display: inline;
	}
	
.dropbtn {
    display: block;
    position: relative;
    text-align: center;
	visibility:visible;
	margin-top: 0px;
  }

ul.navbarbar {
		display: none;
	}
	
	.logo img {
		width: 200px;
	}
	
	.logo {
		width: 200px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
	}
	
	#csf {
		margin-left: 0px !important;
		text-align: center;
		margin-top: 0px;
	}
	
	#header {
		height: 200px !important;
	}
	
	/*div.logo {
		display: none;
	}*/
}

@media only screen and (min-width: 1450px) {
	.dropdown-content {
    visibility: hidden;
}

}

@media only screen and (max-width: 890px) {
	.two-box {
		display: block !important;
	}
	
	.two-box-one {
		width: auto !important;
	}
	
	.two-box-three {
		width: auto !important;
		margin: 20px 0px 0px 0px;
	}
	
	.left-box {
		padding-right: 0px;
	}
	
	.right-box {
		padding-left: 0px;
	}
	
	.mobile-only {
		display:block !important;
	}
}

@media only screen and (max-width: 840px) {
	.phone {
		display: none;
	}
}

.mobile-only {
	display: none;
}

.columnWrapper {
	flex-direction: row;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
}

.one-quarter {
    padding: 20px;
    width: 20%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.one-third {
    padding: 20px;
    width: 30%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.caption {
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing:0.2em;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align:center;
}

.sponsor-image {
    width: 100%;
    max-width: 200px;
    left: 0;
    right: 0;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.sponsor-image2 {
    width: 100%;
    max-width: 500px;
    left: 0;
    right: 0;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media only screen and (max-width: 1100px) {
	.one-third {
		width: 100%;
	}
}
@media only screen and (max-width: 750px) {
    .one-quarter {
        width: 35%;
    }
}

@media only screen and (max-width: 530px) {
    .one-quarter {
        width: 25%;
    }
}

#construction {
	border-top:42px solid transparent;
}

#shop-fitting {
	border-top:42px solid transparent;
}

#hoarding {
	border-top:42px solid transparent;
}