#all {
  /* background-image: linear-gradient(to right, #D84c4a 0%, #2e3c78 50%);
  background: #2e3c78; */
}

#all #bgfade{
  /* background-color: rgba(245,245,245, 1); */
}

canvas {
  z-index: -10;
}

.logo {
  position: absolute;
  top: calc(50vh - 50px);
  left: 66px;
  width: 155px;
  height: 100px;
  background-image: url("logo-edumendo-solid.svg");
  background-repeat: no-repeat;
}

.whitebar .rowmax p {
  background-image: linear-gradient(to right, #D84c4a 0%, #2e3c78 50%);
margin: 0 30px;
}
#main {
  /* background-image: url('edumendo-g2.png'); */
border-left: 44px solid white;
border-right: 44px solid white;
}


@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
  #main {
    /* background-image: url('bg-big-edumendo.svg');
  background-image: url('edumendo-g2.png'); */
  }
}

@media (max-height: 768px) {
  #main {
    /* background-image: url('bg-narrow-edumendo.png');
  background-image: url('edumendo-g2.png'); */
  }
}
@media (max-height: 740px) {
  #main {
    /* background-image: url('bg-mobile-edumendo.svg');
  background-image: url('edumendo-g2.png'); */
  }
}


.navtoggle {
  -webkit-text-fill-color: #4a3d72;
}

#navoverlay .navtoggle {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M0,0 24,24 M0,24 24,0' stroke='%23D84c4a' stroke-width='1.2' /></svg>") 14px center no-repeat;
  color: #4a3d72;
}
#mobnav {
  background: linear-gradient(to right, #D84c4a 0%, #2e3c78 50%);
  background: #2e3c78;
}


h1,h2,h3 {
  color: #2e3c78;
  color: #D84c4a;
  /* color: white; */
padding-top: 0 !important;
padding-bottom: 0.4em !important;
   /* border-bottom: 0.05em solid white; */
  margin-bottom: 0.5em;
}


p:last-child {
  padding-bottom: 0;
}

b,strong {
  font-weight: 700;
}

.box h2::-webkit-selection,
.box h3::-webkit-selection,
.box p::-webkit-selection {
  background: #D84c4a;
  color: #fff;
}

.box h2::-moz-selection,
.box h3::-moz-selection,
.box p::-moz-selection {
  background: #D84c4a;
  color: #fff;
}

.box h2::selection,
.box h3::selection,
.box p::selection {
  background: #D84c4a;
  color: #fff;
}

#main .box {
  background: #2e3c78;
  background: rgba(46, 60, 120, 0.8) !important;
 /*border-radius: 15px;*/
}


#main .box a {
  color: #D84c4a;
  color: white;
  text-decoration: underline;
}

#main .box a:hover {
  color: #ff8080;
}


.frame p,
.frame li {
  color: #2e3c78;
  color: white;
}


@media (max-width: 980px){

  #main .box {
    margin-left: 30%;

  }
}

@media (max-width: 740px){

  #main .box {
    margin: 200px 0 0 0;
  }
}

/* Scrollbar not supported in Firefox or IE/Edge
 width */
::-webkit-scrollbar {
  width: 30px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2e3c78;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff;
  /* border-radius: 0 30px 30px 0; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e9ecf7;
}