/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('normalize.css');

@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/khula-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Khula Regular'), local('Khula-Regular'),
       url('../fonts/khula-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/khula-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/khula-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/khula-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/khula-v5-latin-regular.svg#Khula') format('svg'); /* Legacy iOS */
}
/* khula-600 - latin */
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/khula-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Khula SemiBold'), local('Khula-SemiBold'),
       url('../fonts/khula-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/khula-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/khula-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/khula-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/khula-v5-latin-600.svg#Khula') format('svg'); /* Legacy iOS */
}
/* khula-700 - latin */
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/khula-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Khula Bold'), local('Khula-Bold'),
       url('../fonts/khula-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/khula-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/khula-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/khula-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/khula-v5-latin-700.svg#Khula') format('svg'); /* Legacy iOS */
}
/* khula-800 - latin */
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/khula-v5-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Khula ExtraBold'), local('Khula-ExtraBold'),
       url('../fonts/khula-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/khula-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/khula-v5-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/khula-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/khula-v5-latin-800.svg#Khula') format('svg'); /* Legacy iOS */
}
/* abhaya-libre-regular - latin */
@font-face {
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abhaya-libre-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abhaya Libre Regular'), local('AbhayaLibre-Regular'),
       url('../fonts/abhaya-libre-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abhaya-libre-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abhaya-libre-v5-latin-regular.svg#AbhayaLibre') format('svg'); /* Legacy iOS */
}
/* abhaya-libre-500 - latin */
@font-face {
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/abhaya-libre-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Abhaya Libre Medium'), local('AbhayaLibre-Medium'),
       url('../fonts/abhaya-libre-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abhaya-libre-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abhaya-libre-v5-latin-500.svg#AbhayaLibre') format('svg'); /* Legacy iOS */
}
/* abhaya-libre-600 - latin */
@font-face {
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/abhaya-libre-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Abhaya Libre SemiBold'), local('AbhayaLibre-SemiBold'),
       url('../fonts/abhaya-libre-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abhaya-libre-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abhaya-libre-v5-latin-600.svg#AbhayaLibre') format('svg'); /* Legacy iOS */
}
/* abhaya-libre-700 - latin */
@font-face {
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/abhaya-libre-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Abhaya Libre Bold'), local('AbhayaLibre-Bold'),
       url('../fonts/abhaya-libre-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abhaya-libre-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abhaya-libre-v5-latin-700.svg#AbhayaLibre') format('svg'); /* Legacy iOS */
}
/* abhaya-libre-800 - latin */
@font-face {
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/abhaya-libre-v5-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Abhaya Libre ExtraBold'), local('AbhayaLibre-ExtraBold'),
       url('../fonts/abhaya-libre-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abhaya-libre-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abhaya-libre-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abhaya-libre-v5-latin-800.svg#AbhayaLibre') format('svg'); /* Legacy iOS */
}


* {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
}
html{
    background-color: #FFFAB3;
}

body {
  font-family: 'Abhaya Libre',Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-size: 16px;
}
body>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 84%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin: auto;
}
   
.social{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: auto;
    margin-right: 10px;
    margin-left: 10px;
   
}
.social>div{
    border-radius: 5px;
    padding: 2px;
}

h1, h2, h3, h4, h5 {
   font-family: 'Khula', Helvetica, serif; 
   
}
h1, h2 {
    font-size: 1.5em;
    line-height: 2em;
}
h3,h4,h5,h6{
    font-size: 1.375em;
    line-height: 1.875em;
}

h1{
  color: #352E7B;      
}

p, ul, li, a{
    font-size: 1.25em;
    line-height: 1.5em;
}

/* Style the header */
.header {
  /*background-image: url('firstimg.gif');*/
   background-repeat: no-repeat;
  background-size: cover;
  background-color: #993F88;
  padding: 30px;
  text-align: center;
  font-size: 35px;
}

.header>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  
}

nav a{
    background-color: #726CAF;
    border: 1px none currentColor;
    padding: 5px;
    margin: 5px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    font-size: .625em;
   
}

nav a:hover{
    background-color: #FCF58C;
    color: #8764AA; 
}

nav a:link{
  color: #D193C5;
    
}

nav a:visited{
    color: #ccc9e8;    
}

nav a:active{
    color: #FFFAB3;    
}



/* Container for flexboxes */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}

.kgallery {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.kgallery img{
   width: auto;
   height: 150px;
   border: #EAC5E3 medium solid;
}


.column {
  padding: 10px;
 
 
}


.column.compliment {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
   background-color: #8764AA;
}

.column.compliment h2,
.column.compliment h3,
.column.compliment h4,
.column.compliment h5,
.column.compliment h6 {
    color: #CCC9E8;
}

/* Middle column */
.column.content {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    background-color:#EAC5E3;
  
}
.column.content h2,
.column.content h3,
.column.content h4,
.column.content h5,
.column.content h6 {
    color: #352E7B;
}

.column.content p,
.column.content li,
.column.content span,
.column.intext {
    color: #352E7B;
}

.intext {
    font-size: 1.25em;
    font-size: 20px;
}


.column li{
    list-style-type: none;
}

.column li>a{
    font-size: 1em;
    line-height: 1.25em;
    text-decoration: none;   
}

.column.compliment li>a,
.column.compliment li>a:link{
   color: #ccc9e8;
}

.column.compliment li>a:hover{
   color: #fcf58c;
}

.column.compliment li>a:visited {
    color: #EAC5E3;
}
/* Style the footer */
.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background-color: #726CAF;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.footer1, .footer2, footer3{
    font-family: serif;
    font-size: 1em;   
}

.footer1 p, 
.footer2 a,
.footer3 a{
    font-family: serif;
    font-size: 1em;
    color: #FCF58C;
    text-decoration: none;
    padding: 2px;
    margin: auto;
    line-height: 1.5;
  
}

.footer3 a:hover,
.footer2 a:hover{
    color: #9E99CE;
}
.kgallery>img {
    border-radius: 5px;
    cursor: pointer;
}

.kgallery>img:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
#imgView{
    margin: auto;
    display: block;
    border: 5px solid white;
    width: auto;
    height: 80%;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}
 
.column.content>.megabooty>div>a>img{
    height: 240px;
    padding: 4px;
    width: auto;
    max-width: 350px;
}
.megabooty>div>a>img:hover{
    background-color: #EAC5E3;
    opacity: 85%;
} 

.megabooty{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.boxgroup{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
        /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px){
body { 
    background-color: #993F88;
     font-family: 'Abhaya Libre',Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-size: 11px;
}

h1, h2 {
    font-size: 1.75em;
    line-height: 1.9em;
}

h3,h4,h5,h6{
    font-size: 1.34em;
    line-height: 1.75em;
}

h1{
  color: #352E7B;      
}

p, ul, li, a{
    font-size: 1.25em;
    line-height: 1.5em;
}

.boxgroup a {
    color: black;
     font-size: 1.25em;
    line-height: 1.5em;
}

.row{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header {
  /*background-image: url('firstimg.gif');*/
    background-repeat: no-repeat;
    background-size: inherit;  
    background-color: #993F88;  
    padding-right: 20px;
    text-align: center;
    font-size: 1.65em;
}

.header>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}

nav a{
    background-color: #726CAF;
    border: 1px none currentColor;
    padding: 3px;
   margin: 5px;
   border-radius: 1.2px;
   text-decoration: none;
   text-align: center;
   font-size: 1.125em;
   
}

.megabooty{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px){
body { 
    background-color: #993F88;
     font-family: 'Abhaya Libre',Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-size: 12.8px;
}

h1, h2 {
    font-size: 1.6em;
    line-height: 1.9em;
}

h3,h4,h5,h6{
    font-size: 1.5em;
    line-height: 1.8em;
}

h1{
  color: #352E7B;      
}

p, ul, li, a{
    font-size: 1.35em;
    line-height: 1.5em;
}

.row{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.boxgroup a {
    color: black;
    font-size: 1.25em;
    line-height: 1.5em;
}

.header {
  /*background-image: url('firstimg.gif');*/
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #FFF
    padding-right: 20px;
    text-align: center;
    font-size: 1.5em;
}

.header>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}

nav a{
    background-color: #726CAF;
    border: 1px none currentColor;
    padding: 3px;
    margin: 5px;
    border-radius: 1.2px;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
}

.megabooty{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px){
body {
    background-color: #FFFAB3;
    font-family: 'Abhaya Libre',Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-size: 15px;
}

h1, h2 {
    font-size: 1.6em;
    line-height: 1.8em;
}

h3,h4,h5,h6{
    font-size: 1.34em;
    line-height: 1.75em;
}

h1{
  color: #352E7B;      
}

p, ul, li, a{
    font-size: 1.4em;
    line-height: 1.6em;
}

.boxgroup a {
    color: black;
    font-size: 1.4em;
    line-height: 1.6em;
}

.header {
    background-repeat: no-repeat;
    background-size: inherit;
    background-color: #993F88;
    padding-right: 20px;
    text-align: center;
    font-size: 1.5em;
}

.header>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}

nav a{
    background-color: #726CAF;
    border: 1px none currentColor;
    padding: 5px;
    margin: 10px;
    border-radius: 1.2px;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
}

.row{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.megabooty{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
body { 
    background-color: #FFFAB3;
    font-family: 'Abhaya Libre',Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-size: 16px;
}

h1, h2 {
    font-size: 1.75em;
    line-height: 1.93em;
}

h3,h4,h5,h6{
    font-size: 1.34em;
    line-height: 1.75em;
}

h1{
  color: #352E7B;      
}

p, ul, li, a{
    font-size: 1.3em;
    line-height: 1.5em;
}

.boxgroup a {
    color: black;
    font-size: 1.29em;
    line-height: 1.5em;
}

.row{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.header {
  
    background-repeat: no-repeat;
    background-size: inherit;
    background-color: #993f88;
    padding-right: 30px;
    text-align: center;
    font-size: 1.5em;
}

.header>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
}

nav a{
    background-color: #726CAF;
    border: 1px none currentColor;
    padding: 5px;
    margin: 10px;
     border-radius: 1.2px;
    text-decoration: none;
    text-align: center;
    font-size: 1.05em;
   
}

.megabooty{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
body { 
    background-color: #FFFAB3;
    font-family: 'Abhaya Libre',Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-size: 16px;
}
h1, h2 {
    font-size: 1.75em;
    line-height: 1.9em;
}
h3,h4,h5,h6{
    font-size: 1.35em;
    line-height: 1.75em;
}

h1{
    color: #352E7B;      
}

p, ul, li, a{
    font-size: 1.3em;
    line-height: 1.5em;
}

.row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.boxgroup a {
    color: black;
}

.header {
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #993F88;
    padding-right: 50px;
    text-align: center;
    font-size: 1.5em;
}

.header>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}

nav a{
    background-color: #726CAF;
    border: 1px none currentColor;
    padding: 5px;
    margin: 10px;
    border-radius: 1.2px;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
}

.megabooty{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
}