html, body, .ui.text.container, .ui-header, h1,h2,h3,h4,h5,h6,p, .ui {font-family: objektiv-mk1, sans-serif!important; font-weight: 400!important; font-style: normal!important;}
h1, h2, h3, h4, h5, .blackout p {text-transform: uppercase;}
h1 {font-size:3.3em}
#homepage h1 {font-size:5em}

h1 span {font-family: alana, sans-serif;font-weight: 400;font-style: normal; font-size:50%; display: block;line-height: 1em; text-transform: none;}
.ui.primary.button {background-color:#F8C100; color:#000}
h3,h4,h5 {font-size:1em!important; font-weight: 600!important}



/*Flyout menu*/

.hidden.menu {
   display: none;
 }

 .masthead.segment {

   padding: 1em 0;
 }
 .masthead.segment {height:calc(100vh - 500px)!important;}

 .masthead .logo.item img {
   margin-right: 1em;
 }
 .masthead .ui.menu .ui.button {
   margin-left: 0.5em;
 }


 .ui.vertical.stripe {
   padding: 2em 0;
 }
 .ui.vertical.stripe .floated.image {
   clear: both;
 }
 .ui.vertical.stripe p {
   font-size: 1.33em;
 }
 .ui.vertical.stripe .horizontal.divider {
   margin: 3em 0;
 }

 .quote.stripe.segment {
   padding: 0;
 }
 .quote.stripe.segment .grid .column {
   padding-top: 5em;
   padding-bottom: 5em;
 }

 .footer.segment {
   padding: 5em 0;
 }

 .secondary.pointing.menu .toc.item {
   display: none;
 }

 @media only screen and (max-width: 700px) {
   .ui.fixed.menu {
     display: none !important;
   }
   .secondary.pointing.menu .item,
   .secondary.pointing.menu .menu {
     display: none;
   }
   .secondary.pointing.menu .toc.item {
     display: block;
   }
   .masthead.segment {
     min-height: 350px;
   }
 }

 /*Homepage and template*/
 .hidden.menu {
   display: none;
 }

 .masthead.segment {
   min-height: calc( 100vh - 50px );
   padding: 1em 0em;
 }
 .masthead .logo.item img {
   margin-right: 1em;
 }
 .masthead .ui.menu .ui.button {
   margin-left: 0.5em;
 }
 .masthead h1.ui.header {
   margin-top: 3em;
   margin-bottom: 0em;
   font-size: 4em;
   font-weight: normal;
 }
 .masthead h2 {
   font-size: 1.7em;
   font-weight: normal;
 }


 .ui.vertical.stripe h3 {
   font-size: 2em;
 }
 .ui.vertical.stripe .button + h3,
 .ui.vertical.stripe p + h3 {
   margin-top: 3em;
 }
 .ui.vertical.stripe .floated.image {
   clear: both;
 }
 .ui.vertical.stripe p {
   font-size: 1.33em;
 }
 .ui.vertical.stripe .horizontal.divider {
   margin: 3em 0em;
 }

 .quote.stripe.segment {
   padding: 0em;
 }
 .quote.stripe.segment .grid .column {
   padding-top: 5em;
   padding-bottom: 5em;
 }

 .footer.segment {
   padding: 5em 0em;
 }

 .secondary.pointing.menu .toc.item {
   display: none;
 }

 @media only screen and (max-width: 700px) {
   .ui.fixed.menu {
     display: none !important;
   }
   .secondary.pointing.menu .item,
   .secondary.pointing.menu .menu {
     display: none;
   }
   .secondary.pointing.menu .toc.item {
     display: block;
   }
   .masthead.segment {
     min-height: 600px;
   }
   .masthead h1.ui.header {
     font-size: 2em;
     margin-top: 1.5em;
   }
   .masthead h2 {
     margin-top: 0.5em;
     font-size: 1.5em;
   }
   .reading.container p {padding:0!important}
 }

 /*Homepage */

 .ui.inverted.footer.segment,  .ui.primary.inverted.footer.segment {background-color:#333}
 .blackout {background:black; margin:10em 0; padding:50px!important}
 .blackout p {margin:-10px 0 20px 0}
 .ui.secondary.inverted.pointing.menu {border-width:0px}
 .ui.vertical.segment {border:none}

 /*Reading containers*/
.features {padding-bottom:3em}
.reading.container {padding:2em 0}
ul.grid {padding:2em 0!important}
.reading.container p { padding: 0em 50px; font-size: 1.5em!important; line-height:1.7em}
.reading.container h3+p{padding:0}
.reading.container p div {margin:1em 0!important}
 .reading.container p:nth-child(n+2) {font-size:1em!important; }
 .photo.grid {font-size:0.8em; text-align:center; margin-top:3em}
 .reading.container button {margin:2em 0 0 }

 .crumbtrail ol, .crumbtrail li { margin:0; text-indent:0; padding:0 0 0 3px}
 .crumbtrail li { display:block; float:left; text-indent:0; margin:0 1em 0; font-size: 0.8em; text-align: left; text-transform: uppercase;}

/*Masthead images */
.masthead .blackout {background:rgba(0,0,0,0.7)!important; }
 .masthead { background-color:
    #5CA5D8!important;
 }
 #homepage .masthead { background:
    url(../images/coverimage.jpg)    /* image */
    center center / cover  /* position / size */
    no-repeat                /* repeat */
 }
 #gite .masthead { background:
    url(../images/800/IMG_4050.jpg)    /* image */
    center center / cover  /* position / size */
    no-repeat                /* repeat */
 }
 #lauzerte .masthead { background:
    url(/images/1280/IMG_4389.jpg)    /* image */
    bottom center / cover  /* position / size */
    no-repeat!important                /* repeat */
 }

a#mainContent {margin-top:-100px}


 /*Cards*/
 .ui.card img {object-fit: cover;}
 .ui.card p {font-size:0.6em; color:#333;padding:0}
 .two.column.grid .ui.card img {height:300px!important;}
 .three.column.grid .ui.card img {height:200px!important;}
 .four.column.grid .ui.card img {height:100px!important;}
 .ui.card p {text-align:center}

@media (min-width: 992px) {.features {padding:0 100px}