/*
   lacibus.com about stylesheet 210108
*/

body, main {
   background-color: #1a4863;
   color: #fffcf0;
}

header, footer {
   color: #fff8f0;
   background-color: #1a4863;
}

img.logopic {
    width: 160px;
    height: 40px;
}

#sodabuttons {
   width: 86px;
}

header h1 {
   color: #fff8f0;
}

.main-intro, .main-point-a, .main-point-b, .main-point-c, .main-point-d, .about-intro {
   margin-top: 1em;
   padding: 0.5em;
}

.main-intro, .main-point-a, .main-point-b, .main-point-c, .main-point-d {
   font-size: 1.2em;
}

.main-intro, .main-point-a, .main-point-b, .main-point-c, .main-point-d, .about-intro {
   border-radius: 12px;
}

.main-intro, .main-point-b, .main-point-d, .about-intro {
   color: #101000;
   background-color: #fffcf0;
}

.main-intro h1, .main-point-b h1, .main-point-d h1, .about-intro h1, .main-intro h2, .main-point-b h2, .main-point-d h2, .about-intro h2 {
   color: #101000;
}

.main-point-a, .main-point-c, .main-point-a h1, .main-point-c h1, .main-point-a h2, .main-point-c h2, .about-point h3 {
   color: #fff8f0;
}

.about-intro a, .main-intro a, .main-point-b a {
   color: #101000;
   text-decoration: underline;
}

.main-point-a a, .main-point-c a {
   color: #fff8f0;
   text-decoration: underline;
}

.main-intro img {
   max-width: 440px;
}

.main-point-a, .main-point-c {
   background: radial-gradient( 
        circle, 
        rgba(42, 93, 121, 0.80), 
        rgba(42, 93, 121, 0.85) 725px, 
        rgba(42, 93, 121) 850px ), 
        url(/home/images/data.jpg
   );
   background-size: cover;
   background-position: center 7%;
   background-repeat: no-repeat;
}

#header-content, #main-content, #footer-content {
   margin:auto;
   width: 93%;
}

#header-content {
   margin-top: 1.3em;
}

p {
   margin: 0.5em;
}

.main-intro p {
   text-align: center;
}

.fr-view p img.fr-dii.fr-fil {
    margin: 5px 1em 1em 0;
}

.blockS {
   width: 100%;
}

@media screen and (min-width: 360px) {
   p {
      margin-bottom: 1em;
   }

   .intro-first {
      margin-top: 1em;
   }
}

@media screen and (min-width: 370px) {
   .main-intro, .main-point-a, .main-point-b, .main-point-c, .main-point-d, .about-intro {
      margin: 1em 0.5em 0.5em 0.5em;
   }
}

@media screen and (max-width: 480px) {
   .main-point-a .fr-view img, .main-point-b .fr-view img, .main-point-c .fr-view img, .main-point-d .fr-view img, .about-intro .fr-view img {
      min-width: 100%;
   }
}

@media screen and (min-width: 512px) {
   .main-intro p, .about-intro p {
      font-size: 1.1em;
   }
}

@media screen and (min-width: 600px) {
   #header-content, #main-content, #footer-content {
      width: 558px;
   }

   .main-intro p {
      font-size: 1.2em;
   }
}

@media screen and (min-width: 800px) {
   #header-content, #main-content, #footer-content {
      width: 744px;
   }
   
   .main-intro p {
      font-size: 1.3em;
}

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

   #header-content, #main-content, #footer-content {
      width: 930px;
   }

   #sodabuttons {
      padding-top: 12px;
   }

   .blockS {
      width: 48%;
   }

   .main-intro img {
      max-width: 560px;
   }

   .intro-first {
      margin-top: 1.4em;
   }
}

@media screen and (min-width: 1100px) {
   .intro-first {
      margin-top: 1.4em;
   }
}

@media screen and (min-width: 1200px) {
   #header-content, #main-content, #footer-content {
      width: 1116px;
   }

   #header-content {
      margin-top: 2.5em;
      margin-bottom: 0.6em;
   }

   .intro-first {
      margin-top: 3.5em;
   }
}

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

   #header-content, #main-content, #footer-content {
      width: 1302px;
   }

   .intro-first {
      font-size: 1.2em;
      margin-top: 4.6em;
   }
}