/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* body */

body{
  font-family: 'Quicksand', sans-serif !important;
}



a:link {
  text-decoration: none !important;
  color: black;
}

a:visited {
  text-decoration: none !important;
  color: black;
}

a:hover {
  text-decoration: none !important;
  color: black;
}

a:active {
  text-decoration: none !important;
  color: black;
}



.menu:nth-child(3)::after{
  content: '\A';
  white-space: pre;
  display: table;
}

.menu:nth-child(8)::after{
  content: '\A';
  white-space: pre;
  display: table;
}

.menu:nth-child(9)::after{
  content: '\A';
  white-space: pre;
  display: table;
}

.textdev{
  margin-top: 145px !important;
}

.padContactSida{
  padding-top: 90px !important;
}

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none; 
  
}


.flex-container-calender {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  list-style: none; 
  justify-content: center;
  align-items: center;

}

.flex-item {
  border: 1px solid lightgray;
  padding: 10px;
  width: 465px;
  min-height: 465px;
  margin: 8px;
  
}

.flex-item-bibli-sida {
  border: 1px solid lightgray;
  padding: 10px;
  width: 270px;
  height: 270px;
  margin-top: 5px;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  
}

.flex-container-anteck {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  list-style: none; 
  margin-top: 30px;

}


.flex-item-anteck-sida {
  border: 1px solid gray;
  padding-left: 10px;
  padding-top: 10px;
  width: 465px;
  height: 465px;
  }


.flex-container-mainPage {
  display: flex;
  list-style: none; 
  height: 90vh;
  justify-content: center;
  align-items: center;
  padding-left: 0px !important;
}

.flex-item-mainPage {
  border: 1px solid gray;
  padding: 10px;
  width: 365px;
  min-height: 365px;
  padding-top: 140px; 
}

.flex-item-citatText {
  border: 1px solid gray;
  padding: 10px;
  width: 365px;
  min-height: 365px; 
}


.marginTop{
  margin-top: 40px;
  margin-bottom: 30px;
}

#columnViewArticlePage{
      margin-top: 30px;
   
}

.marginTopContact{
  margin-top: 30px;
}

#columnViewArticleHolderPage{
  column-count: 1;
  column-gap: 5px;
  column-fill: balance;
  column-rule: 1px solid lightgray;
  height: 400px;
  width: 400px;
  margin: auto;
  margin-top: 100px;
  position: relative;
  padding-top: 20px;
  border: 1px solid lightgray;
}

 

  /* Small devices (landscape phones, 576px and up)*/
  @media only screen and (max-width: 576px) { 
    .textBox{
      border: 1px solid white !important;
      padding: 20px !important;
      min-height: 472px;
    }

    .topRow{
      margin-top: 0px !important;
    }
    

    .flex-item-citatText {
      border: none;
      padding: 10px;
      width: 365px;
      min-height: 365px;
      
    }

    .flex-item {
      border: none;
      padding: 10px;
      width: 465px;
      min-height: 100px;
      padding-left: 30px;
      padding-right: 30px;
      
    }

    .headingMain p{
      font-size: 30px;
    } 

    .flex-item-mainPage {

      padding-top: 155px; 
    }

    .flex-item-anteck-sida {
      border: 1px solid gray;
      padding-left: 10px;
      padding-top: 10px;
      width: 345px;
      height: 345px;
      }


    #columnViewArticleHolderPage{
      column-count: 1;
      column-gap: 5px;
      column-fill: balance;
      column-rule: 1px solid lightgray;
      height: 400px;
      width: 400px;
      margin: auto;
      margin-top: 100px;
      position: relative;
      padding-top: 20px;
      border: 1px solid lightgray;
    } 
       
  }

/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) { 
  .textBox{
    min-height: 472px !important;
}
.picBox{
  padding: 4px !important;
  
}


.textdev{
  margin-top: 185px !important;
} 

 .padContactSida{
  padding-top: 135px !important;
} 

.flex-container-mainPage {
  display: flex;
  list-style: none; 
  height: 100vh;
  justify-content: center;
  align-items: center;
  padding-left: 0px !important;
}

.flex-item-mainPage {
  border: 1px solid black;
  padding: 10px;
  width: 465px;
  height: 465px;
  padding-top: 190px;
  
}

.flex-item-citatText {
  border: 1px solid gray;
  padding: 10px;
  width: 465px;
  min-height: 465px; 
}


#columnViewArticleHolderPage{
  column-count: 2;
  column-gap: 5px;
  column-fill: balance;
  column-rule: 1px solid lightgray;
  height: 400px;
  width: 700px;
  margin: auto;
  margin-top: 100px;
  position: relative;
  padding-top: 20px;
  border: 1px solid lightgray;
}
.flex-container-anteck {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin-left: 90px;
  list-style: none; 
  margin-top: 80px;
}

.marginTopContact{
  margin-top: 100px !important;
}

}
/* Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 992px) { 
  .textBox{
  min-height: 472px;
}
  .picBox{
    padding: 5px !important;
  }

  #columnViewArticlePage{
    column-count: 2;
     column-gap: 5px;
     column-fill: auto;
     margin-top: 30px; 
}

#columnViewArticleHolderPage{
  column-count: 2;
  column-gap: 5px;
  column-fill: balance;
  column-rule: 1px solid lightgray;
  height: 550px;
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  position: relative;
  padding-top: 20px;
  border: 1px solid lightgray;
}
.flex-container-anteck {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin-left: 200px;
  list-style: none; 
  margin-top: 80px;
}

.marginTopContact{
  margin-top: 100px !important;
}


}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { 
  .textBox{
  min-height: 465px !important;
}

  .picBox{
    padding: 5px !important;
  }
  .textBoxSofiaPage{
   min-height: 460px !important;
  }

  #columnViewArticlePage{
    column-count: 2;
     column-gap: 5px;
     column-fill: auto;
     margin-top: 30px;
  
}

#columnViewArticleHolderPage{
  column-count: 2;
  column-gap: 5px;
  column-fill: balance;
  column-rule: 1px solid lightgray;
  height: 550px;
  width: 1000px;
  margin: auto;
  margin-top: 100px;
  position: relative;
  padding-top: 20px;
  border: 1px solid lightgray;
}

.flex-item-anteck-sida:nth-child(1){
  border-right: none !important;
 }
 .flex-container-anteck {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin-left: 90px;
  list-style: none; 
  margin-top: 150px;
}

}