/* ------------------------------------------------------------------
Project: Semantic
Place here your custom CSS styles
------------------------------------------------------------------ */

@font-face {
    font-family: CaptureIt;
    src: url(../fonts/capture_it.ttf);
}

.a-custom{
   font-size: 24px;
   color: #FFFFFF;
}

.a-custom:hover{
   color: orange;
}

.custom_img{
   width: 100%;
   padding: 5px;
}

.hover_img:hover {
        cursor: zoom-in;
	color: #ffffff;
	background-color: #333333;
	text-decoration: none;
	opacity: 0.5;
	border: solid 1px;
}

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

    .hover_img:hover {
        cursor: default;
	color: #ffffff;
	background-color: #333333;
	text-decoration: none;
	opacity: 1;
	border: none;
    }

    .custom-not-active {
        pointer-events: none;
        cursor: default;
    }
}