@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding: 0; font-family: 'Rubik', sans-serif;}

body{ background-color: #00385b; color: #fff; background-image: url("../img/body_bg_a3.jpg"); background-size: cover; background-repeat: no-repeat; text-align: center; background-position: center; }

.wrapper {background: -moz-linear-gradient(top, rgba(0,56,91,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,56,91,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,56,91,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00385b', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}






img.logo_header { max-width: 800px; width: 100%; height: auto; margin: 0 auto; display: block; margin-bottom: 20px;}
div.mainbox h1 { font-size: 1.3rem;margin-bottom: 20px;}
div.mainbox h2 { font-size: 1.8rem;margin-bottom: 20px;font-style: italic;}

div.mainbox p { font-size: 1.3rem;margin-bottom: 20px;}
div.footer a { font-size: 1rem;color: #fff;font-style: italic;}
div.footer address { font-size: 1rem;color: #fff;font-style: normal;}


div.btn { ; text-align: center; }


.btn a { color: #fff; font-family: 'Rubik', sans-serif; font-style: italic; font-weight: 700; text-decoration: none; border: 1px solid #fff; display: block; width: 450px; margin: 0 auto; padding: 20px 40px;
background: -moz-linear-gradient(-45deg, rgba(186,192,0,1) 0%, rgba(186,192,0,0.86) 68%, rgba(0,56,91,0.8) 99%, rgba(0,56,91,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(186,192,0,1) 0%,rgba(186,192,0,0.86) 68%,rgba(0,56,91,0.8) 99%,rgba(0,56,91,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(186,192,0,1) 0%,rgba(186,192,0,0.86) 68%,rgba(0,56,91,0.8) 99%,rgba(0,56,91,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bac000', endColorstr='#cc00385b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}




.btn a:hover {
background: rgb(175,202,11); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(175,202,11,1) 0%, rgba(0,56,91,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(175,202,11,1) 0%,rgba(0,56,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(175,202,11,1) 0%,rgba(0,56,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afca0b', endColorstr='#00385b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

div.sticker{ padding: 10px; background-color: #e6332a; width: 150px; height: 150px; margin: 60px; border-radius: 150px; transform: rotate(-20deg) }

div.mainbox .sticker p{ text-align: center; font-size: 1.2rem;margin-top: 20px; font-weight: 700; font-style: italic;}

div.footer { text-align: center; overflow: hidden;background-color: rgba(0, 56, 90, 0.6); 
color: rgba(0, 56, 90, 0.6); margin-top: 30px;
}

div.footer h3 { color: #fff; font-size: 1.4rem;margin-bottom: 5px;font-style: italic;}
div.footer p{color: #fff; margin-bottom: 5px; font-weight: 400; }
div.footer p.fat{color: #fff; margin-bottom: 15px; font-weight: 700; font-style: italic; }



@media only screen and (max-width: 599px) {
div.mainbox{ margin: 0 auto; padding-top: 30px; padding: 15px;}
.btn a {font-size: 1.2rem; width: auto;   margin: 0 auto; padding: 20px 40px;}
}

@media only screen and (min-width: 600px ) {

}

@media only screen and (min-width: 980px ) {
div.footer { width: 100%; padding:  20px 0;}
div.mainbox{max-width: 1200px; width: 100%; margin: 0 auto; padding-top: 30px;}
.btn a {font-size: 1.8rem;  width: 450px; margin: 0 auto; padding: 20px 40px;}	
	
}

@media only screen and (min-width: 1260px ) {
}