@font-face {
    font-family: myFirstFont;
    src: url(../fonts/fonts.ttf);
}
*{
    margin:0;
    padding:0;
    
}
/*media queries */
@media all and (max-width:700px){
    .head_text{
        font-size:30px;
    }
}
@media all and (max-width:410px){
    .head_text{
        font-size:25px;
    }
}
body{
    background-image:url(../img/geometry2.png);
    background-repeat: repeat;
    font-family: 'Josefin Sans', sans-serif !important;
    max-height: auto;
    max-width: 100% !important;
    width:100vw !important;
    font-family: myFirstFont , verdana !important;
    
}
.align{
    text-align: :center;
}
nav{
    width:100% !important;
    max-width:100% !important;
    background-color: #2979ff;
    padding-bottom:0 !important;
    
}
h3,h4,h5,h6,.head_text{
    color:#2979ff;
    text-shadow: 2px 2px 2px grey;
    padding:1px;
    font-weight: bold;
    text-align: center;
   
}
#search{
    color:transparent !important;
}
.cycle-slideshow img{
			max-width:100%;
			width:100%;
			
		}
		.cycle-slideshow{
			max-width:100%;
			width:100%;
			display:block;
			position:relative;
			overflow:hidden;
			
		}
		.cycle-prev , .cycle-next{
			font-size:200%;
			color:white;
			display:block;
			position:absolute;
			top:50%;
			z-index:999;
			margin-top:-16px;
			cursor:pointer;
			
            
		}
		.cycle-prev{
			left:5%;
		}
		.cycle-next{
			right:5%;
		}
		.cycle-pager{
			width:100%;
			text-align:center;
			position:absolute;
			z-index:999;
			bottom:5%;
			color:white;
			
		}
		.cycle-pager span{
			width:10px;
			height:10px;
			display:inline-block;
			border:1px solid white;
			border-radius:50%;
			margin:0 10px;
			text-indent:100%;
			white-space:no-wrap;
			
		}
		.cycle-pager .cycle-pager-active{
			background-color:white;
		}


.header{
    
    
    
}
footer{
    
    background-color: #22baa0 !important;
}

.taken .card-panel{
    text-align: :center !important;
}
#last_slider{
    border:1px solid grey;
    
}
#fot li{
    color:black !important;
    padding:2%;
}