#terms-and-condtions p {
    margin-top:10px;
    
}

@media only screen and (max-width: 364px){
	
	#blockmenu {
		
		display:none;
	}
	
	section#welcomesection {
		
		padding-left: 0px; 
	}
	
	#intro_quote_section #introtext {
    
    padding: 0 20px 0 0px !important;
	}
	
	
}


@media only screen and (max-width: 374px){

/*adjustments for very small screens*/
	

    .fommcontainer {
    margin-top: 45px;
}

	#services .service img {
		display:none;
	}
	
	.service_details_group {
    width: 100%;
	}
	
	.fommcontainer #form_right,.fommcontainer #form_left {
		flex-flow:column;
     flex: none; 
	 width: 100%;
	 margin-left:unset;
	}
	
	section#end_of_page_contact {
	 height: 270px;
	justify-content: flex-start;
	
	}
	
	#end_of_page_contact form {
    
    flex-flow: column;
	height:unset;
	
	
	}
	
	 #what_do_people_say_about_us h2{
		text-align: center;
	}
	
	#siteholder section#section_what_do_we_do_lower {
		
    height: 180px;
	}
	
	
	
}

@media only screen and (min-width:360px) and (max-width: 380px){

.servicehead #end_of_page_contact h2 {
		
		 font-size:1.3em;

		
	}
}
	


@media only screen and (max-width: 767px){

	
	
	body{
		font-family: 'Roboto', sans-serif;
		font-size:16px;
	}

	#siteholder {
		
		
		display: flex;
		flex-flow:column;
		
	}

	#headeritemsholder {
	position:fixed;
	background-color:white;	
	width:100%;
	z-index:1;
	padding-top: 12px;
	}

	#header_items {
		display:flex;
		justify-content:space-around;
		align-items:center;
	}



	#header_items a:link ,#header_items a:hover,#header_items a:visited,#header_items a:active {
		color:#343333;
		font-size: 1.3em;
		text-decoration: none;
	}

	#top_nav a:link ,#top_nav a:hover,#top_nav a:visited,#top_nav a:active {
		color:#343333;
		
		text-decoration: none;
		font-size: 0.7em;
		text-transform: uppercase;
		padding-bottom: 10px;
		
	}

	#header_items .fa-3{
		
		font-size: 25px;
		margin-top: 5px;
		transform: scale(1.5,1);
		padding-right: 7px;
		
	}

	#main_phone_number {
		
		
		padding-top: 7px;
  
	}

	#header_items .fa-2x {
		font-size: 1.5em;
		margin-top: 7px;
	}

	#banner {
			margin-top: 70px;
			
	}

	#banner img {
		width:100%;
			/*! height:463px; */
		order: 2;
	}

	#nav_menu_open_close {
		
	}

	#top_nav {
		display:none;
		display:flex;
		flex-flow:column;
			align-items:stretch;
		justify-content:center;

	}
	#top_nav li {
		/*
		border-style:solid;
		border-width:1px;
		border-border-color:black;
		*/
		text-align:center;
			padding: 6px;
		font-size: 1.6em;
	}

	#top_nav a{
		text-decoration:none;
		
		
	}
	.to {
		font-size:1.5em;
		padding-left:0.5em;
		font-weight:600;
	}

	.the{
			text-transform: uppercase;
	}

	.welcome {
		font-size:2.4em;
		font-weight: 500;
	}

	.hospitality {
		
			font-size: 1.9em;
		font-weight: 700;
	}

	#intro_quote_section {
		height:200px;
		background-color:#fec40d;
		display:flex;
		justify-content:center;
		align-items:center;
		
	}

	#introtext { 
		height:7.4375em;
		color:#333333;
		padding: 0 20px 0 72px !important;
		text-align: center;
		
	}

	.I{
		font-size: 98px;
		float: left;
	}

	.speachmark {
		font-size: 98px;
		float:right;
	}

	.arrow-down {
	  width: 0; 
	  height: 0; 
	  border-left: 20px solid transparent;
	  border-right: 20px solid transparent;
	  
	  border-top: 20px solid #fec40d;
	}

	#welcomesection {
		/*! height:119px; */
		display:flex;
		justify-content:center;
		align-items:center;
		text-align: center;
		padding-left:67px;
		
	}

	#section_what_do_we_do,#intro_quote_section {
		
		padding-left: 17px;
		padding-bottom: 8px;
	}

	#welcomesection .Network {
		
	}

	#logo {
		max-width: 108px;
		height: auto;
		
	}
	/*BLOCKMENU */

	#blockmenu {
		position: absolute;
		top: 97px;
		order:5;
		
	}

	#blockmenu {
		
		
	}

	#blockmenu ul {
		display: flex;
		flex-flow:column;
		
	}

	#blockmenu li {
		width: 5.125em;
		height: 4.188em;
		background-color:#343333;
		margin-bottom:10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#blockmenu li a:link,#blockmenu li a:visited,#blockmenu li a:hover,#blockmenu li a:active{
		font-size:0.5em;
		font-weight:500;
		color:white;
		text-decoration:none;
		
	}


	/* SERVICEs */

	.services {
		height:137px;
		display:flex;
		order:3;
		
	}

	.service {
		height:62px;
		border-bottom-style:solid;
		border-bottom:1px solid #b5b6b7;
		
		display:flex;
		
	}

	.service{
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(188,189,190,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(188,189,190,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgb(221, 219, 219) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bcbdbe',GradientType=0 );
	} 

	.service img {
		
		width: auto;
		height: 100%;
	}

	.service hr {
		width:80%;
		color:#fcc40f;
	}

	.service h3 {
		text-transform:uppercase;
		/*	font-size: 1.3125em;*/
			font-size: 1.10em;
				letter-spacing: -0.01em;
				
	}

	.service_details_group > p {
		
		font-size:12px;
			font-weight: 500;
	}

	.servicehead {
		display:flex;
		justify-content:flex-start;
		align-items:flex-end;
		border-bottom:2px solid #fec40d;
			margin-bottom: 5px;
	}

	.servicehead a:link, .servicehead a:visited, .servicehead a:hover,.servicehead a:active {
		font-size: 9px;
		color: #fec40d;
		text-decoration: none;
		margin-left: auto;
		font-weight: 900;
		padding-bottom: 2px;
		padding-right: 3px;
	}

	#what_do_people_say_about_us {
		background-color:333333;
		height:71px;
		color:#838383;
		font-size:1.8em;
		display:flex;
		justify-content:center;
		align-items:center;
		font-weight: 300;
		
	
	}

	#section_what_do_we_do_lower blockquote {
		text-align: center;
		margin: 0px 20% 0px 20%;
	}
	 
	.people_say {
		font-weight:500;
	}

	#section_what_do_we_do_lower {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 7.577875em;
		flex-flow: column;
		color: #838383;
		font-family: roboto;
		font-weight: 200;
		font-size: 1.2em;
		padding-bottom: 34px;
	}

	#section_what_do_we_do_lower .arrow-down {
		
		border-top-color:#333333;
		
	}

	#section_what_do_we_do {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		height:4.882em;
		flex-flow: column;
		color:#838383
	}
	
	#section_what_do_we_do {	
		 background: -moz-linear-gradient(top, rgba(0,0,0,0) 74%, rgba(188,189,190,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 74%,rgba(188,189,190,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 74%,rgb(221, 219, 219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bcbdbe',GradientType=0 );
	}

	.do? {
		
		
	}


	#section_what_do_we_do .arrow-down {


		
	}

	#section_what_do_we_do h2 {
		font-size:28px;
		border-bottom-color: #fcc40f;
		border-bottom-width: 3px;
		border-bottom-style: solid;
	}

	/* END OF PAGE CONTACT FORM */

	#end_of_page_contact {
		order:4;
		 display:flex;
		background-color:#343333;
		
		height: 13em;
		justify-content:center;
		align-items:center;
		flex-flow:column;
	}

	#end_of_page_contact h2 {
	color:#838383;
	font-weight:300;
	font-size:1em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.125em;

	}

	#end_of_page_contact form{
		 display:flex;
		 
	}

	#end_of_page_contact form * {
    border-radius: 3px;
	}
	
	
	#end_of_page_contact form {
		 display:flex;
		height:140px;
		justify-content:center;
		align-items:center;
	}

	#end_of_page_contact form {


	}

	/*
	#form_left, #form_right {
	background-color:white;

	}
	*/

	#form_left {
	display:flex;
		flex:6;
		
		
		flex-flow:column wrap;
		
		
		justify-content: flex-start;
	}

	#form_left *, #form_right * {
		
		margin-bottom:10px;
		
	}

	#end_of_page_contact form textarea {
	height: 52px;	
		
	}


	#form_right {
	display:flex;
		flex:6;
		
		
		flex-flow:column wrap;
		
		justify-content:flex-start;
		
	  margin-left: 1em;
		
	}

	.trapholder {
		background-color:#ffecd8;
		width:100%;
		order:9;
		display:flex;
		flex-flow:column;
		align-items: center;
		justify-content: flex-start;
	}



	.trapezoid {
		 border-top: 100px solid #fec40d;;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		height: 0;
		width: 12.3173125em;
	}


	.trasvg {
		height:32px;
		width:100%;
		order:12;
		background-image: url('https://www.thehospitalitynetwork.co.uk/devsite/img/trapezoid-2.svg');
		display:flex;
		justify-content:center;
		align-items:center;
		width: 100%;
			background-size: cover;
			
	}

	.trasvg a:link, .trasvg link:hover, .trasvg link:visited, .trasvg link:active {
		
		
		text-decoration:none;
		color:#333333;
		font-size:1.35em;
	}

	#header_image_and_main_page_heading {
			display:flex;
			justify-content:center;
			align-items:center;
			    height: 188px;
    background-repeat: no-repeat;
    background-size: cover;
	
	
	}
	
	#service_page_title {
		font-size:2em;
		
		font-weight: 500;
		color: white;
		-webkit-text-stroke-color: black;
    -webkit-text-stroke-width: 0.03em;
	}
		
		
	#servicegallery_text {
		
		
		display:flex;
		flex-flow:column;
		align-items:center;
		text-align:center;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
		    margin-top: 34px;
		
	}
	
	#lower_body_text {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: 34px;
}
	
	
	#service_header_gallery {
	   
    padding-top: 9px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
	}
	
	#service_header_gallery img {
		    width: auto;
    height: 300px;
    padding: 0px 0px 0px;
	}
	
	#spacer_div {
		
		height:66px;
		
	}
	
	
	#form_message_box {
    width: 310px;
    height: 150px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 1.3em;
    background-color: white;
	}
	
	.proseco_van #service_header_gallery img {
    
		height: 225px;
	}
	
	.karaoke_video_booth #service_header_gallery img {
    
		height: 225px;
	}
	
	.karaoke_video_booth #header_image_and_main_page_heading{
		
		 
		background-position: center;
	}
	
	.karaoke_video_booth #header_image_and_main_page_heading h1{
		
		 display:none;
	}
	
	.proseco_van #service_header_gallery img,
	
	
	.image_gallery_box img {
	
		
	
	border-width: 1px;
    border-color: lightgray;
    border-style: solid;
	height: 225px;
	
	}
	
	#actualdropdownmenu{
		display:none;
	}
	
	#address_section {
		    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
	}
	
	address_section .detailsbox {
		    width: 30%;
		
	}
	
	.detailsbox {
	display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
		
	}
	
	.detailsbox h2 {
		font-size: 2em;
		padding-bottom: 0.3em;
	}
	.contact_us #headeritemsholder {
		border-bottom-style: solid;
		border-bottom-color: #fec40d;
		border-bottom-width: 3px;
	}
	
	#tables {
	display:flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin-top:15px;
	justify-content:space-evenly;
	width:100%
	}

	#tables li{
		padding:2px 0px;
		text-align:center;
	}
	
	.image_gallery_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 26px;
	
	}
	
	.image_caption {
    margin-top: 11px;
    font-size: 1.5em;
	}
	
	#service-features-list 
	{
		display: flex;
		flex-flow: row;
		justify-content: space-around;
		align-items:center;
		margin-bottom:30px;
		
		
	}
	
	#service-features-list ul li {
		list-style-type: circle;
		font-size: 16px;
	
	}
	
}