body {
	text-align: center;
}

#welcome {
	text-align: center;
}
#logo {
	margin-top: 20px;
}

body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgb(77,94,158);
}
h1{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 25px;
color: rgb(77,94,158);
}
h2{
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: 700;
color: rgb(77,94,158);
}

a {
color: rgb(77,94,158);
text-decoration: none;
}

#organiser {
	width: 80%; /*1065px*/
	margin-left: auto;
    margin-right: auto;
}

#boxone {
	display: block;
	float:left;
	width: 49%;
	margin-left:8px;
}

#boxtwo {
	display: block;
	float: left;
	width:49%;
	margin-right:8px;
}
.holder1 {
	width: 100%;
	height: 100%;
}
.holder2 {
	width: 100%;
	height: 100%;
}
.advertpic {
	width: 100%;
	max-height: 100%;
}

.bt {
	margin-left: auto;
    margin-right: auto;
	padding: 6px 0px 6px 0px;
	border: 1px solid rgb(77,94,158); /*rgb(246,181,175);*/
	width: 55%;
	position: relative;
	top: 1px;
	background-color: rgb(77,94,158);
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	border-bottom: 5px solid #FFA48E;
	font-weight: 500;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .bt {top:0px;} 
}
@media screen and (min-width:0\0) {
	.bt {top: 0px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.bt {top: 0px;}
}
@font-face {
	font-family: CoctailShaker;
	src: url('../fonts/CoctailShaker/CocktailShaker.ttf');
}
.holder {
	padding: 5px 40px 0px 40px;
	/*border: 1px solid #f2b0a9;*/
}
.holder1 {
	/*margin-top: -40px;*/
}
.holder2 {
	margin-top: -148px;
}

.partner-logo {
	position: relative;
    z-index: 10;
}
#pressholder{
	margin-left: auto;
	margin-right: auto;
}


/***************************/
/* PHONE AND TABLET STYLES */
/***************************/
@media only screen and (min-width : 701px) and (max-width : 1230px) {
	#organiser {
		width: 100%;
		margin-left: 20px;
	}
	#boxone{
		width: 46%;
	}
	#boxtwo {
		width: 46%;
	}
	.bt {
		width:99.5%;
		padding-top: 8px;
	}
	#sale{
		width: 300px;
	}
	#rent {
		width: 230px;
	}
	.holder2 {
		margin-top: -120px;
	}
}
@media only screen and (max-width : 700px) {
	#boxone, #boxtwo, #organiser {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.bt {
		width: 99.5%;
		padding-top:8px;
	}
	#logo-mobile {
		display:block !important;
		margin-top: 20px;
	}
	#logo {
		display: none;
	}
	
}