/*

My Custom CSS
=============

Author:  Mike Brockhurst
Website: Walking Englishman

*/


/* --------------------------------------
   Layout
   -------------------------------------- */

#features {
	text-align: center;
	margin: 0 0 0;
}

#features1 {
	text-align: center;
	margin: 0 0 0;
}

#inputComments {
	margin-bottom: 18px;
}

#footer {margin-bottom: 20px;}
#footer-social {margin-top:5px;}
#footer-social li {display: inline;}
#footer-social span {margin-top: -10px;}
#copyright {margin-top: 5px;}

#sponsors {
   margin-left:auto;
   margin-right:auto;
   display:center;
}

#table {
	border-collapse: collapse;
	border-color: #FFFF89;
}

#imagetext {
	text-align: center;
	font-style: italic; 
}

#map {
	height: 600px;
	width: 100%;
	border: none;
}

#map1 {
	height: 500px;
	width: 100%;
	border: none;
}

#map2 {
	height: 700px;
	width: 100%;
	border: none;
}

#map3 {
	height: 750px;
	width: 100%;
	border: none;
}


/* --------------------------------------
   Modal and Feedback Form
   -------------------------------------- */

body #myModal {
    /* new custom width */
    width: 400px;
}

#feedbackform {
	height: 600px;
	width: 100%;
	border: none;
}


/* --------------------------------------
   Typography
   -------------------------------------- */

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	background-color: #ffff89;
}

p.thick {
    font-weight: bold;
}

p.center {
	align-items: center
}


/* --------------------------------------
   Navbar
   -------------------------------------- */
#searchInput {
	width: 200px;
}

.navbar-brand {
	padding-top: 0;
}

#logo {
	height: 100%;
	margin-top: 7px;
}


/* --------------------------------------
   Global Styles
   -------------------------------------- */

a {
    color: #0000CC;
}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* tiny screens */   
@media screen and (min-width: 0px) and (max-width: 300px) {

#adsense {display: none;}
#sponsors {display: none;}
#second-text {display: none;}
.carouseltext {display: none;}
#description {display: none;}
#walks {display: none;}
#walks-mobile {width: 100%;}
#tablehead {display: none;}
#Statistics {display: none;}
#back-to {display: none;}
#footerlarge {display: none;}
   
}

/* small screens */   
@media screen and (min-width: 301px) and (max-width: 475px) {

#adsense {display: none;}
#sponsors {display: none;}
#second-text {display: none;}
.carouseltext {display: none;}
#description {display: none;}
#walks {display: none;}
#walks-mobile {width: 100%;}
#tablehead {display: none;}
#Statistics {display: none;}
#back-to {display: none;}
#footerlarge {display: none;}
   
}

/* medium screens */
@media screen and (min-width: 476px) and (max-width: 768px) {

#adsense {display: none;}
#sponsors {display: none;}
#walks {display: none;}
#tableinfo {display: none;}
#Statistics {display: none;}
#back-to {display: none;}
#footerlarge {display: none;}

}

/* large screens */
@media (min-width: 769px) {
	
#sponsors-mobile {display: none;}
#sponsors-mobile-walks {display: none;}
#adsense-mobile {display: none;}
#walks-mobile {display: none;}
#tableinfo {display: none;}
#Statistics1 {display: none;}
#footer {display: none;}
	
}