/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@charset "utf-8";
/*-- Google Fonts 
----------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/*

	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

*/


/*-- Font Faces Section
---------------------------------------------------------------------------*/

@font-face {
    font-family: 'aleoregular';
    src: url('../fonts/Aleo-Regular-webfont.eot');
    src: url('../fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Regular-webfont.woff') format('woff'),
         url('../fonts/Aleo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aleobold';
    src: url('../fonts/Aleo-Bold-webfont.eot');
    src: url('../fonts/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Bold-webfont.woff') format('woff'),
         url('../fonts/Aleo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-- Headers

---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'aleobold';
	font-weight: normal;
	color:#313131;
	letter-spacing:1px;
}
h1 {
	font-size:24px;
	font-size:2.4rem;
}
h2 {
	font-size:24px;
	font-size:2.4rem;
}
h3 {
	font-size:20px;
	font-size:2.0rem;
}
h4 {
	font-size:18px;
	font-size:1.8rem;
}
h5 {
	font-size:16px;
	font-size:1.6rem;
}


.text-box h1 {
}
.text-box h1 {
}
.text-box h1 {
}
.text-box h1 {
}
.text-box h1 {
}

/*-- Global

---------------------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
p {
	font-family: 'aleoregular';
	font-weight: normal;
	font-size:16px;
	font-size:1.6rem;
	color:#5f5f5f;
}
a {
	color:#b13fa9;
}
a:hover {
	color:#5f5f5f;
}
a, a:hover, a:focus {
	text-decoration: none;
}

/*-- Header Section
----------------------------------------------------------------------*/
	



/*-- Content Section
----------------------------------------------------------------------*/
	
#content-error h1, #content-offline h1 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 230px;
	font-size: 23rem;
}
#content-error h2, #content-offline h2 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 100px;
	font-size: 10rem;
}
#content-error p, #content-offline p {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-size: 2rem;
}

.congrats-home h3 {
	font-size:30px;
	font-size:3.0rem;
}
.planning-home h3 {
	font-size:24px;
	font-size:2.4rem;
}

.congrats-box h6 {
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:5px;
}
.congrats-box p {
	font-size:15px;
	font-size:1.5rem;
}


/*-- Footer Section
----------------------------------------------------------------------*/

#focus-right h5 {
	text-align:center;
	font-size:22px;
	font-size:2.2rem;
	color:#b13fa9;
}
#focus-right p {
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
#focus-right p>a {
	color:#fff;
}
#focus-right p>a:hover {
	color:#b13fa9;
}
	
#footer_text p, #footer_text a {
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin:0;
	text-align:left;
	letter-spacing:1px;
}
#footer_text a:hover {
	color: #97c725;
}

.home-title {
	text-align:center;
}



/*-- media queries Section
----------------------------------------------------------------------*/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {
	font-size:50px;
	font-size:5.0rem;
}
h2 {
	font-size:50px;
	font-size:5.0rem;
}
h3 {
	font-size:30px;
	font-size:3.0rem;
}
h4 {
	font-size:25px;
	font-size:2.5rem;
}
h5 {
	font-size:20px;
	font-size:2.0rem;
}
p {
	font-family: 'aleoregular';
	font-weight: normal;
	font-size:18px;
	font-size:1.8rem;
	color:#5f5f5f;
}
.congrats-home h3 {
	font-size:40px;
	font-size:4.0rem;
}
.planning-home h3 {
	font-size:30px;
	font-size:3.0rem;
}
#focus-right h5 {
	text-align:center;
	font-size:22px;
	font-size:2.2rem;
	color:#b13fa9;
}
#focus-right p {
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
#footer_text p, #footer_text a {
	text-align:center;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#focus-right h5 {
	text-align:center;
	font-size:28px;
	font-size:2.8rem;
	color:#b13fa9;
}
#focus-right p {
	text-align:center;
	font-size:20px;
	font-size:2.0rem;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.cerh2 {
	margin-top:0;
	font-size:50px;
	font-size:3vw;
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
h1 {
	font-size:48px;
	font-size:4.8rem;
}
h2 {
	font-size:48px;
	font-size:4.8rem;
}
#focus-right h5 {
	text-align:center;
	font-size:28px;
	font-size:2.8rem;
	font-size:1.6vw;
	color:#b13fa9;
}
#focus-right p {
	text-align:center;
	font-size:20px;
	font-size:2.0rem;
	font-size:1.2vw;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.home-title {
	text-align:right;
}
.cerh2 {
	margin-top:0;
	font-size:50px;
	font-size:5.0rem;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
h1 {
	font-size:50px;
	font-size:5.0rem;
}
h2 {
	font-size:50px;
	font-size:5.0rem;
}
h3 {
	font-size:30px;
	font-size:3.0rem;
}
h4 {
	font-size:25px;
	font-size:2.5rem;
}
h5 {
	font-size:20px;
	font-size:2.0rem;
}
#focus-right h5 {
	text-align:center;
	font-size:28px;
	font-size:2.8rem;
	color:#b13fa9;
}
#focus-right p {
	text-align:center;
	font-size:20px;
	font-size:2.0rem;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
}