@charset "UTF-8";

/* ==========================================================================
   GENERAL
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #1B1B1B;
}
h1, h2, h3 {
	font-family: 'Hind', sans-serif;
	margin-bottom: 2rem;
}
h2 {
	font-size: 18px;
	font-weight: 700;
}
h3 {
	font-size: 16px;
	font-weight: 600;
}
p {
	margin-bottom: 2rem;
}
a {
	-o-transition: .7s ease;
	-ms-transition: .7s ease;
	-moz-transition: .7s ease;
	-webkit-transition: .7s ease;
	transition: .7s ease;
}
#main {
	background:url(../img/mob_bg.jpg) top center repeat-y;
	background-size: 100%;
	background-color: #E51F2A;
	padding: 60px 20px 20px 20px;
	color: #FFFFFF;
	font-weight: 500;
	text-align: center;
}

.mob {
	display: block;
}

.logo {
	max-width: 230px;
	margin-bottom: 3rem;
}
.btn {
	font-family: 'Hind', sans-serif;
	background-color: #1B1B1B;
	border-radius: 0;
	padding: 10px 25px;
	display: inline-block;
	margin-top: 1rem;
	font-size: 20px;
	color: #FFFFFF;
	
	-o-transition: .7s ease;
	-ms-transition: .7s ease;
	-moz-transition: .7s ease;
	-webkit-transition: .7s ease;
	transition: .7s ease;
}
.btn:hover, 
.btn:focus {
	background-color: #FFFFFF;
	color: #1B1B1B;
}
	
#contact {
	padding: 80px 0;
	background-color: #1B1B1B;
	color: #FFFFFF;
}
#contact a {
	color: #FFFFFF;
}
#contact a.footer {
	font-family: 'Hind', sans-serif;
	color: #FFFFFF;
	font-size: 30px;
	padding: 10px 25px;
}
#contact a.footer:hover, 
#contact a.footer:focus {
	color: #E51F2A;
}
.smallprint {
	border-top: 1px solid #FFFFFF;
	padding-top: 10px;
	margin-top: 4rem;
}
#legal {
	padding: 100px 0;
}
#legal .btn {
	font-family: 'Hind', sans-serif;
	background-color: #1B1B1B;
	color: #FFFFFF;
}
#legal .btn:hover,
#legal .btn:focus {
	background-color: #E51F2A;
	color: #FFFFFF;
}
#legal .smallprint {
	border-top: 1px solid #000000;
	padding-top: 10px;
	margin-top: 4rem;
}
#legal a {
	color: #1B1B1B;
}
/* ==========================================================================
   FORMS
   ========================================================================== */
   
.error{color:#D00;}
.trip{display:none;}
textarea,input,select{width:90%;}



/* ==========================================================================
   COOKIE
   ========================================================================== */
   
#cookie-bar{background:#FB0;height:24px;line-height:24px;color:#333;text-align:center;padding:10px 4px;opacity:0.9;}
#cookie-bar.fixed{position:fixed;top:0;left:0;width:100%; z-index:9999;}
#cookie-bar p{margin:0;padding:0;}
#cookie-bar a{color:#DDD;display:inline-block;border-radius:3px;text-decoration:none;margin-left:8px;padding:0 6px;}
#cookie-bar .cb-enable{background-color:#333;}
#cookie-bar .cb-enable:hover{color:#FB0;background-color:#222;}
#cookie-bar .cb-disable{background:#333;}
#cookie-bar .cb-disable:hover{background:#666;}
#cookie-bar .cb-policy{background-color:#333;}
#cookie-bar .cb-policy:hover{background-color:#222;color:#FB0;}




/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #1B1B1B;
}
h1, h2, h3 {
	font-family: 'Hind', sans-serif;
	margin-bottom: 2rem;
}
h2 {
	font-size: 20px;
	font-weight: 700;
}
h3 {
	font-size: 18px;
	font-weight: 600;
}
#main {
	/* Sizing */
	width: 100%;
	height: 100vh;

	/* Flexbox stuff */
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;

	/* Background styles */
	background-image: url(../img/mega.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #E51F2A;

	color: #FFFFFF;
	font-weight: 500;
	text-align: left;
	padding: 140px 0;
}
	
.mob {
	display: none;
}
	
#contact {
    /* Sizing */
    width: 100%;
    height: 100vh;
    
    /* Flexbox stuff */
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;     
    justify-content: center;
    align-items: center;
	
	padding: 140px 0;
	background-color: #1B1B1B;
	color: #FFFFFF;
}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
}

/* Print */
@media print {
  a[href]:after {
    content: none !important;
  }
}