﻿body{
    font-family: 'Katibeh';font-size: 22px;
}
h1 ,h2{
    font-family: 'Lemonada';font-size: 22px;
    	font-size:32px;
}
p{
	font-size:32px;
}
li ,label{
	font-size:24px;
}
button{
	font-size:28px;
	margin-bottom: 3px;
}
.padding0{
	padding:0;
}
.margin0{
	margin:0;
}
.branding{
  /*font-size:17px;*/
}
.menu{
	color: #fff!important;
	transition:0.5s;
}
.showcase{
  background:url('img/wallpaper.jpg') no-repeat center;
  background-size:cover;
  
  min-height: 800px;
  padding:140px 100px;
  color:#fff;
}

.showcase h1{
  font-size:40px;
  font-weight:700;
  text-transform: uppercase;
}

.showcase hr{
  width:200px;
  margin:auto;
  border-width:3px;
  border-color:#f44336;
}

.showcase p{
  font-size:24px;
  padding-bottom:20px;
}

.section{
  padding:40px 0;
}

.section h2{
  padding:0;
  margin:0;
}

.section .fa{
  font-size:50px;
}

.section img{
  width:100%;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.overflowhide{
	overflow:hidden;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.fade img{
	visibility:hidden;
	transition:0.2s;
}
.fade:hover img{
	visibility:visible;
}
img{
	margin-bottom:-12px;
	transition: transform .2s;
}
/* SLIDE SHOW*/
.mySlides {
	display:none;
}
.w3-left, .w3-right, .w3-badge {
	cursor:pointer;
}
.w3-badge {
	height:13px;
	width:13px;
	padding:0;
}
.width100{
	width:100%;
}
/**/
@media (min-width: 601px){
	.w3-col.m6, .w3-half {
	    width: 49.99%;
	}
}
@media (min-width: 993px){
	.w3-col.l3, .w3-quarter {
	    width: 24.999%;
	}
}
@media only screen and (max-width:992px){
  div.imgsize img{
    width:50%;
    margin:0 auto;
  }
  .width50{
	width:50%;
}
.w3-bar .w3-bar-item {
    padding: 8px 8px;
}
p{
	font-size:25px;
}
li ,label{
	font-size:21px;
}


@media only screen and (max-width:600px){
  body{
    margin-top:25px;
  }
  .menu{
	background-color:#000;
}
.upmenu{
	display:none;
}
  .showcase{
    min-height:400px;
    padding: 60px 0;
  }
  .showcase h1 {
    font-size: 25px;
  }
  showcase p {
    font-size: 20px;
  }
  p {
    font-size: 20px;
  }
  li, label {
    font-size: 20px;
  }
}
