*{
	font-family: "fot-seurat-pron";
}

.bg_ex{
background-image: url('img/IMG_6279.JPG');
min-height: 100%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}

.companyLogo{
	font-family: 'Comfortaa', cursive;
}

.animated:hover{
animation: rubberBand 1s;
}

.animated2:hover{
animation: tada 1s;
}

.text-h4{
	color: red;
}


/*
@media以外の所は全てのサイズで読み込まれます。
*/

@media screen and (min-width:480px) { 
	/*　画面サイズが480pxからはここを読み込む　*/
	h1.companyLogo{
		font-size:auto;
	}

}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	h1.companyLogo{
		font-size:120px;
	}

}
@media screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	h1.companyLogo{
		font-size:120px;
	}

}