@import url(bootstrap.min.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Jura:400,500,700&display=swap');

body { background: url("../images/texture.jpg") no-repeat top center; color: #000; font-family: 'Montserrat', sans-serif, Arial, Helvetica; font-weight: 400; }
a:hover { color: #428ed2; text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Jura', sans-serif; }
p, li { color: #000000; font-family: 'Montserrat', sans-serif, Arial, Helvetica; font-size: 20px; font-weight: 400; margin-bottom: 30px; overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.center { text-align: center; }

.outer { display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.middle { display: table-cell; vertical-align: middle; }
.inner { margin-left: auto; margin-right: auto; width: 100%; }
.container-fluid { background-color: rgba(255,255,255,0.5); position: relative; margin: 50px 0px; }
.tac { background-color: rgba(255,255,255,0.5); clear: both; margin: 80px 0px; padding-top: 60px; text-align: center; width: 100%; }
.tac h1 { color: #000000; font-size: 70px; font-weight: 600; letter-spacing: -1px; margin: 0px 0px 50px; text-transform: uppercase; }
.tac h1 span { color: #ed1c24; }
.tac p { padding: 0 20px; }
.tac p.first { font-size: 24px; }
.tac p span { font-family: 'Jura', sans-serif; font-weight: 700; text-transform: uppercase; }
.tac p span span { color: #ed1c24; }
.info { background-color: #ed1c24; color: #fff; font-size: 20px; font-weight: 400; margin-top: 40px; padding: 20px;}
.info a { color: #fff; }

/*-------------------
	Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	p { font-size: 16px; }
	.tac p.first { font-size: 20px; }
	.tac img { width: 100px; }
	.tac h1 { font-size: 50px; }
	.info { font-size: 16px; }
}

@media only screen and (max-width: 998px) {
	p { font-size: 16px; }
	.tac p.first { font-size: 20px; }
	.tac img { width: 100px; }
	.tac h1 { font-size: 50px; }
	.info { font-size: 16px; }
}

@media only screen and (max-width: 1024px) {
	p { font-size: 16px; }
	.tac p.first { font-size: 20px; }
	.tac img { width: 100px; }
	.tac h1 { font-size: 50px; }
	.info { font-size: 16px; }
}

@media (min-width: 1600px) {
	body { background-size: cover; }
}