@charset "UTF-8";

@font-face {
  font-family: 'sayer';
  src: url('/v2/fonts/marel/CenturyGothic/CenturyGothic.eot'); /* IE9 Compat Modes */
  src: url('/v2/fonts/marel/CenturyGothic/CenturyGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/v2/fonts/marel/CenturyGothic/CenturyGothic.woff') format('woff'), /* Modern Browsers */
       url('/v2/fonts/marel/CenturyGothic/CenturyGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/v2/fonts/marel/CenturyGothic/CenturyGothic.svg#svgFontName') format('svg'); /* Legacy iOS */
}

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

@media (max-width: 639px) {
body {
	font-size: x-large !important;
}
.SayerLogo {
    width: 200px !important;
}
.Register {
    font-size: 1em;
}
.flex-item-img {
    width: 300px !important; 
}
.error {
    color:red;
    font-size: small !important;
    padding-bottom: 5px;
    margin-bottom: 5px;
   }
}

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

@media (min-width: 640px) and (max-width: 1023px) {
body {
	font-size: large !important;
}
.SayerLogo {
    width: 200px !important;
}
.Register {
    font-size: 2em;
}
.MainContainer {
    width: 100%;
    max-width: 900px !important;
}
.FormField {
    font-size: x-large !important;
}
.flex-container {
    max-width: 900px !important;
}
.flex-item-img {
    width: 350px !important;
}
}

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

@media (min-width: 1024px) {
body {
	font-size: large !important;
}
.SayerLogo {
    width: 250px;
}
.MainContainer {
    width: 100%;
    max-width: 1200px !important;
}
.FormField {
    font-size: x-large !important;
}
.flex-container {
    max-width: 1000px !important;
}
.flex-item-img {
    width: 450px !important;
}
}

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


html {
    background-color: #005596;
    color: #4D4D4D;
    font-family: sayer;
}
.errorNote {
    padding: 20px;
    text-align: center;
    color:red;
    font-size: small;
   }

.error {
    color:red;
    padding-bottom: 10px;
    margin-bottom: 10px;
   }
   
.MainContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    background-color: #D6E3ED;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}

.LogoContainer {
    text-align: center;
    padding: 20px;
}
.Mega {
    width: 100%;
    max-width: 900px; 
}
.Descarga {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
}
.VIP {
    color: #FFFFFF;
    font-weight: bolder;
}
.Register {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 5px;
    text-align: center;
}
.FormField {
    padding: 6px;
    margin: 10px;
    border-radius: 10px;
    color: "#005596";
    background: "#00FF00";
    background-color: "#FF0000";
}
input {
    background-color: "#FF0000";
}

.flex-container {
    border: thin;
    border-color: "#FF0000";
    position: relative;
    margin-left: auto;
    margin-right: auto;	
    width: 100%;
/*    max-width: 1200px;*/
    padding: 0;
    margin: 0;
    list-style: none;
 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.flex-item {
/*    background: #fff; */
    padding: 10px;
    width: 450px;
    height: auto;
    margin-top: 10px;
    border-radius: 10px;
/*  line-height: 150px;*/
    color: black;
    text-align: center;
}
.flex-item-img {
/*    position: relative;
    margin-left: auto;
    margin-right: auto;*/
/*    width: 450px; */
/*    background: #4d4d4d; */
    padding: 10px;
    height: auto;
    margin-top: 10px;
    border-radius: 10px;
/*  line-height: 150px;*/
    color: #151515;
    text-align: center;
}
.Privacidad {
    padding: 10px;
    text-align: center;
    font-size: small;
}