body{
 background: #fff;
	font-family: 'Hammersmith One', sans-serif;
}
h1{font-family: 'Ultra', serif; font-size: 72px; text-transform: uppercase; color: #003366}
h2{font-family: 'Fredoka One', cursive;}
h3{font-family: 'Fredoka One', cursive; color: #666666; font-size: 38px;}
h2{font-family: 'Fredoka One', cursive;}
h2{font-family: 'Fredoka One', cursive;}
#banner{background:  url("../images/banner.gif") no-repeat top center; min-height: 488px; position: relative; margin-bottom: 30px;}
#banner .logo{position: absolute; top: 0px; left: 30px;}
#banner .contactform{
position:absolute;
bottom: 20px; right: 20px;
background: rgba(0,0,0,0.5);
	padding: 15px;
}
#banner .contactform h2{color: #fff; text-align: center;}
#banner .contactform input[type="text"], #banner .contactform input[type="email"], #banner .contactform input[type="password"], #banner .contactform input[type="tel"], #banner .contactform textarea{
	background: rgba(255,255,255,0.7);
	color: #000;
}
#banner .contactform input[type="submit"]{width: 100%; font-family: 'Ultra', serif; font-size: 18px;}
.images_list{margin: 0; padding: 0;}
.images_list li{list-style: none; padding: 0; margin: 0 0 10px 0; position: relative;}
.images_list li img{position: relative;}
.images_list li span{position: absolute;  bottom: 0; right: 0; left: 0; z-index: 1; background: rgba(00,0,0,0.5); color: #fff; text-align: center; font-size: 18px; text-transform: uppercase; text-shadow: 1px 1px 1px #000;}
.content{}
.content ul{font-size: 29px;padding: 0; margin: 0; margin-top: 30px;}
.content ul li{list-style: none; position: relative; left: 30px; line-height: normal; margin: 10px;}
.content ul li::before{content: '';background: #003366; width: 18px; height: 18px; display: inline-block; padding: 0; margin: 0;  border-radius: 50%; position: absolute; left: -30px; top: 9px;}
.box{ text-align: center; margin-top: 30px;}
.box h2{font-size: 37px;}
.box h1{font-size: 54px;  text-transform: none;}
.box h1.Arrange{font-size: 37px; color: #666; text-transform: none;}
.box h1 a{color: #003366;}

.box{ text-align: center; margin-top: 30px;}
.box.bottom h2{font-size: 28px;}
.box.bottom h1{font-size: 42px;  text-transform: none;}
.box.bottom h1.Arrange{font-size: 28px; color: #666; text-transform: none;}
.box.bottom h1 a{color: #003366;}

#paralax{min-height: 454px; background: url("../images/img4.gif")  center  no-repeat; width: 100%; margin: 30px 0;}
#paralax h2{font-size: 34px; color: #fff; position: absolute; bottom: 30px; left: 30px; text-shadow: 1px 1px 2px #000}
#paralax::after{content: ""; /*background: rgba(0,0,0,0.61); position: absolute; left: 0; right: 0; top: 0; bottom: 0;*/}
#paralax h2 span{font-size: 54px; }

ul.body {
   /* -moz-column-count: 2;
    -moz-column-gap:; 80px;
    -webkit-column-count: 2;
    -webkit-column-gap: 80px;
    column-count: 2;
    column-gap: 80px;*/
	margin: 0;
	padding: 0;
	font-size: 18px;
	text-align: justify;
	list-style:none;
}
ul.body li{margin-bottom: 15px; position: relative; padding-left: 60px;}
ul.body span.number{font-size: 32px; font-family: 'Ultra', serif; position: absolute; left: 0; color: #999;} 
ul.body li:nth-child(2n+1) span.number{color: #700305;}


#gallery ul{list-style: none; padding: 0; }
#gallery ul li{list-style: none; width:21%; margin: 2%; float: left}
#gallery ul li img{max-width:100%}
#gallery ul li img:hover{opacity: 0.7}

.calljohn{
position: fixed;
	bottom: 20px; right: 30px;
	background: #ffc107;
	border-radius: 50px;
	padding: 10px 30px;
	color: #000;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(250, 226, 120);
}


@media only screen and (max-width: 768px)  {#banner .contactform{left: 0;}
	#banner{min-height: 700px;}
	.images_list img{width: 100%}
	.content h1{font-size: 42px;}
	#gallery ul li{width: 100%;}
}
@media only screen and (max-width: 568px) {
	#gallery ul li{width: 100%;}
	#gallery ul li img{width: 100%}
	.content h1, .box.bottom h1{font-size:24px;}
	.content h1 img, .box.bottom h1 img{max-width:40px;}
	.box.bottom h1.Arrange, .box h1.Arrange{font-size:18px;}
	.box.bottom h2{font-size:24px;}
	.calljohn{	bottom: 35px; }
	.content ul{font-size:24px;}
	.content h3{font-size:28px;}
	#paralax h2{font-size:24px;}
	#paralax h2 span {    font-size: 34px;}
}