/* Global reset */

html, body {

  margin: 0;

  padding: 0;

}
 
/* Layout */

#mainwrapper,

#mainwrapper > .container {

  width: 100%;

  margin: 0;

  padding: 0;

}
 
.middle-part {

  min-height: 500px;

  padding: 0;

}
 
/* Material icons */

.material-symbols-outlined {

  font-variation-settings:

    'FILL' 0,

    'wght' 300,

    'GRAD' 425,

    'opsz' 48;

}
 
/* Buttons */

a.button,

a.button2 {

  display: inline-block;

  cursor: pointer;

  text-align: center;

  white-space: nowrap;

  box-shadow: inset 0 0 0 rgba(255,255,255,.15),

              0 1px 1px rgba(0,0,0,.075);

  border: 5px solid transparent;

}
 
/* Primary button */

a.button {

  background: #c31729;

  color: #fff;

  padding: 10px 20px;

  font-size: 16px;

}
 
a.button:hover {

  background: #c5bdd2;

  color: #fff;

}
 
/* Secondary button */

a.button2 {

  background: #ccc;

  color: #3b3b3b;

  padding: 1px 5px 3px;

  font-size: 14px;

  border-radius: 10px;

}
 
a.button2:hover {

  background: #c5bdd2;

  color: #3b3b3b;

}
 
/* Background sections */

.imgParallaxClass,

.rowhead {

  background: url("https://cdn.pesi23.com/images/fmshv1yrueqxknkswkkmma.png") 100% 0;

}
 
.header2-1 {

  background: url("https://cdn.pesi23.com/images/t9x5pnmpkklaifbzxwg9q.png") center/cover no-repeat;

}
 
.parallaxShort {

  padding: 10px 0;

  background-attachment: fixed;

}
 
/* Content blocks */

.div-5,

.div-7 {

  background-color: #F1F5F1;

  border-radius: 10px;

  border: 1px solid #6a7d5f;

}
 
.div-5 {

  border-width: 2px;

}
 
.div-6 {

  background-color: #6a7d5f;

  border-radius: 10px;

  border: 10px solid #6a7d5f;

}
 
.div-7 {

  padding: 10px;

}
 
/* Row sizing */

.rowbutton {

  max-width: 1680px;

}
 
.rowbutton2 {

  max-width: 380px;

}
 
/* Text */

.BodyCopyText {

  color: black;

}
 
/* Footer & disclaimer */

.disclaimer,

.FooterText {

  color: black;

  text-align: center;

}
 
.FooterText a {

  color: black;

  text-decoration: underline;

}
 
.FooterText a:hover {

  color: #dddddd;

}

.disclaimer-text {

  margin: 0;

}
 
.disclaimer-text + .disclaimer-text {

  margin-top: 0;

}
 