html {
  font-size: 16px;
}


@media (min-width: 601px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 1281px) {
  html {
    font-size: 22px;
  }
}


body,
input,
textarea,
select {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Maven Pro", verdana, arial, helvetica, sans-serif;
  font-weight:300;
  color: #333438;
}

header * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h1,h2,h3,h4,h5
 {
  font-family: "Amiri", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h1 {
  font-size: 2rem;
  line-height: 2.5rem;
  color:#e0b962;
   background:url(../Images/h1_bg.png) no-repeat 50% 100%;
   background-size:200%;
}

h2 {
  font-size: 1.777rem;
  line-height: 2.25rem;
  color:#e0b962;
}

h3,
.ce-uploads-fileName {
  font-size: 1.333rem;
  line-height: 1.875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1rem;
}

.header-group *:first-child {
  margin-bottom: 0.75rem;
}

p + p,
pre,
table {
  margin-top: 0.75rem;
}

p,
ul,
ol,
dl,
pre,
table {
  margin-bottom: 0.75rem;
}
.content-main ul, .content-main ol {margin-bottom:1rem;}
.content-main ul li{padding-bottom:0.5rem;}

.small,
small {
  font-size: 0.8rem;
}

b,
strong,
.bold {
  font-family: "Maven Pro", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
}
.indent-left{margin-left:2rem; margin-top:10px;}

a {
  color: #333438;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:focus, a:hover {
  color: #e0b962;
}
a.invers {
  color: #cccdd1;
}
a.invers:focus, a.invers:hover {
  color: #fff;
}

.wrapper-footer a {
  color: #fff;
}
.wrapper-footer a:focus, .wrapper-footer a:hover {
  color: #fff;
  text-decoration:underline;
}
#c220 {position:absolute; top:50%; width:100%; text-align:center;}
.textbig {
  color:#E0B962; 
  font-family: "Amiri", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
  }


@media (min-width: 601px) {
	
h1 {
  font-size: 3rem;
  line-height: 3.5rem;
  padding-bottom:2rem;
  background:url(../Images/h1_bg.png) no-repeat 50% 100%
}
.content-header .frame-layout-0 p{ font-size:1.5rem; line-height:1.75rem; font-weight:400; }

h2 {
  font-size: 2rem;
  line-height: 2.25rem;
}
[class*=col-4] h2 {
  font-size: 1.8181818rem;
  line-height: 2.25rem;
}
#c220 > div > .textbig {font-size:6rem; line-height:7rem}
	
}




table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin: 0 0 1.5rem 0;
  border: 0;
  border-bottom-width: 0;
}

th,
td {
  padding: 0.25rem 0.375rem 0.25rem 0.375rem;
  text-align: center;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
td:nth-child(1) {width:50%; border-bottom:1px solid #e0b962; border-right:1px solid #e0b962;}
td:nth-child(2) {width:50%; border-bottom:1px solid #e0b962;}

th {
  padding-top: 0.75rem;
  font-family: "Maven Pro", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
}

tr:hover td, tr:focus td {
  background: #e0b962;
  color: #333438;
}

.table-responsive,
.frame-type-table {
  margin-bottom: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}



th {
  background: #e7e7e9;
  color: #333438;
  font-weight: 400;
}

table caption {
  padding: 0.375rem;
}
@media (max-width: 1600px) {
#c220 {position:absolute; top:30%; width:100%; text-align:center;}
.textbig {
  color:#E0B962; 
  font-family: "Amiri", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
  }
}

@media (max-width: 1024px) {
#c220 {position:absolute; top:15%; width:100%; text-align:center;}
#c220 > div > .textbig {font-size:5rem; line-height:6rem}
h1 {font-size: 3rem; line-height: 4rem;}
  .content-header .frame-layout-0 p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
}
[class*=col-4] h2 {
  font-size: 1.25rem;
  line-height: 2rem;
}
}

@media (max-width: 880px) {
	h1 {font-size: 2rem; line-height: 3rem; padding-bottom:2rem; background-size:80%; }
	#c220 {position:absolute; top:30%; width:100%; text-align:center;}
    #c220 > div > .textbig {font-size:4rem; line-height:5rem}
	
}
@media (max-width: 768px) {
	h1 {font-size: 2rem; line-height: 3rem; padding-bottom:2rem; background-size:80%; }
	#c220 {position:absolute; top:15%; width:100%; text-align:center;}
    #c220 > div > .textbig {font-size:3rem; line-height:4rem}
	
}

@media (max-width: 600px) {
	h1 {font-size: 1.75rem; line-height: 2rem; padding-bottom:1rem; background-size:80%; }
	#c220 {position:absolute; top:16%; width:100%; text-align:center;}
    #c220 > div > .textbig {font-size:2.5rem; line-height:3.5rem}
	
}

@media (max-width: 480px) {
	h1 {font-size: 1.75rem; line-height: 2rem; padding-bottom:1rem; background-size:80%; }
	#c220 {position:absolute; top:13%; width:100%; text-align:center;padding-left:4rem;}
    #c220 > div > .textbig {font-size:1.75rem; line-height:2.25rem; }
	
}