/*
	Theme Name: Preussens
	Theme URI: http://www.preussens.de/
	Description: Generalverwaltung des vormals regierenden preußischen Königshauses
	Version: 1.0
	Author: Christoph Karnebogen / Mirco Hueneke
	Author URI: http://www.diewildengestalten.de/
*/


/* ------------------- FONTS ------------------- */


/*
font-family: ministry, sans-serif;
font-weight: 
	light: 			300,
	light italic: 	300,
	bold:			500;
*/

/*
font-family: psfournier-std-grand, sans-serif;
font-weight: 
	light: 			300,
	regular:		400;
*/





/* ------------------- BASICS ------------------- */

html {
    width: 100vw;
	 max-width: 100vw!important;
     overflow-x: hidden!important;
}

body {
    width: 100%;
	font-family: ministry, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #00396c; 
	line-height: 1.8;
}

body.modal-open {
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}

h1{
    font-family: psfournier-std-grand, sans-serif;
    font-weight: 400;
    font-size: 23px;
    margin-left: -20%;
    padding-right: 40%;
    margin-top: 30px;
    margin-bottom: 60px;
}

h2{
	font-family: psfournier-std-grand, sans-serif;
	font-weight: 400;
	font-size: 30px;
}

h3{
    font-family: psfournier-std-grand, sans-serif;
    font-weight: 400;
    font-size: 23px;
}

a {
	color: inherit !important;
}

ul{
	padding-left: 0;
}

a:hover {
	color: inherit !important;
	cursor: pointer;
	text-decoration: none;
}

.effect *{
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}









/* ------------------- COLORS ------------------- */

.white{ color: white; }
.white-bg{ background-color: white; }

.darkblue{ color: #00396c; }
.darkblue-bg{ background-color: #00396c; }

.lightblue{ color: #dadae5; }
.lightblue-bg{ background-color: #dadae5; }

.gold{ color: #bdb281!important; }
.gold-bg{ background-color: #bdb281; }


/* ------------------- NAVIGATION ------------------- */

.no-touch #cd-vertical-nav li {
    list-style: none;
}

.no-touch #cd-vertical-nav .cd-dot {
	background-color: transparent;
    height: 23px !important;
    width: 23px !important;
    border: 3px solid #00396c;
}

.no-touch #cd-vertical-nav a.is-selected .cd-dot {
    background-color: #00396c;
}

#cd-timeline span.fa {
    display: none !important;
}

.no-touch #cd-vertical-nav {
    right: 13px !important;
	top: 50% !important;
	z-index: 2;
}

.no-touch #cd-vertical-nav a:hover .cd-label {
    background-color: white !important;
    color: #00396c !important;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2) !important;
	font-family: psfournier-std-grand, sans-serif !important;
	font-weight: 400 !important;
}





/* ---------- TIMELINE ----------- */

/*
.cd-timeline-img {
    width: 20px !important;
    height: 20px !important;
    margin-left: 20px !important;
	margin-top: 20px !important;
} */

#cd-timeline {
    margin-top: 80px !important;
}

.cd-timeline-img {
    box-shadow: 0 0 0 3px #FFF !important;
}

#cd-timeline::before {
    width: 2px !important;
}

#cd-timeline .cd-timeline-content {
    border-radius: 0 !important;
}

.cd-timeline-block {
    margin: 0;
    margin: 1em 0;
    float: left;
    width: 49.99%;
}

.cd-timeline-content h2 {
	font-size: 23px;
    line-height: 1.2;
}

.timeline-date{
	font-family: ministry, sans-serif;
	font-style: italic;	
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 30px !important;
}

#cd-timeline a {
    background-color: #bdb281;
    color: white !important;
    padding: 10px 15px;
	margin-right: 10px;
}

#cd-timeline a:before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f054  ";
}

.cd-timeline-block:nth-child(2) {
    margin-top: 80px !important;
}

.the-excerpt p:last-child{
	margin-bottom: 0px;	
}

.cd-timeline-content{
	padding: 40px !important;
}

#timeliner.morelines { 
	max-height: 325px!important;
	overflow: hidden;
}

#timeliner { 
-moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

.timeline-more { color: #FFFFFF!important; font-weight: 800;  }
.timeline-more:hover { color: #FFFFFF!important; font-weight: 800;  }


.activeline { 
	max-height: auto!important;
	overflow: auto;
}

.fadeout-gold {
    position: relative; 
	z-index:10;
    bottom: 50px;
    height: 50px;
	width: 100%;
    background: -webkit-linear-gradient(
        rgba(189, 178, 129, 0) 0%,
        rgba(189, 178, 129, 1) 100%
    ); 
} 




/* ------------------- Impressum ------------------- */

.impressum-style {
    padding-bottom: 150px;
    padding-top: 80px;
}

.impressum-style h1 {
	margin-left: 0px;
	padding-right: 0px;
}

.impressum-style h2 {
	font-size: 22px !important;
	margin-top: 35px;
    margin-bottom: 5px;
}

.impressum-style h3 {
    font-size: 16px !important;
	font-weight: 400 !important;
    line-height: 1.6 !important;
	margin-top: 30px;
    margin-bottom: 5px;
}

.impressum-style b, .impressum-style strong {
    margin-top: 30px;
    margin-bottom: 5px;
}

.impressum-style ul {
	margin: 25px 0;
    padding-left: 20px;
}

.impressum-style li {
	list-style: disc;
}

.impressum-style p {
}

.impressum-style a {
	word-wrap: break-word;
	text-decoration: underline;
}

.cookie-preference .cookie-logo { max-width: 85%!important; width: 85%!important; height: auto; }


/* ------------------- Gallery ------------------- */

.grid-item { 
	width: 33.33333%; 
	padding: 15px;
	float: right;
}

.grid-item a{ 
	display: block;
}

.gallery-container{
	padding: 0;
}



/* ------------------- Footer ------------------- */

footer{
	font-size: 12px;
	/* color: #000000; */
	padding-bottom: 100px;
	line-height: 1.4;
}

footer .line, .modal .line {
	padding-top: 40px;
	border-top: 1px solid #bdb281;
	position: relative;
}

footer .line img, .modal .line img{
	width: 120px;
    position: absolute;
    background-color: white;
    padding: 0 30px;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
}

footer p{
	margin-bottom: 0px;
}

footer .left{
	text-align: left;
}

footer .right{
	text-align: right;
}

footer .left a{
	text-decoration: underline;
}







/* ------------------- ELEMENTS ------------------- */

#intro{
	margin-left: 50px;
    margin-right: 50px;
	padding-top: 100px;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
}

#faq{
	padding-top: 90px;
	padding-bottom: 100px;
}

#timeline {
	margin-left: 50px;
    margin-right: 50px;
	padding-top: 100px;
	padding-bottom: 100px;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
	position: relative;
	z-index: 6;
}

#accordion{
	margin-top: 60px;
}

#statement {
	/*margin-left: 50px;
    margin-right: 50px;*/
	padding-top: 100px;
	margin-bottom: 150px;
	/*padding-top: 100px;
	padding-bottom: 100px;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.3);*/
}

#news {
	/*margin-left: 50px;
    margin-right: 50px;*/
	padding-top: 125px;
	margin-bottom: 50px;
	/*padding-top: 100px;
	padding-bottom: 100px;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.3);*/
}


#outro{
	margin-top: 100px;
	margin-bottom: 150px;
}

#outro h3{
	margin-bottom: 60px;
}

/*
.logo-box {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 50px;
	line-height: 1.5;
}

.logo-box img{
	width: 80px;
	height: 100%;
}

.logo-box div{
    display: flex;
    color: black;
    font-size: 13px;
    align-items: flex-end;
    padding-left: 15px;
	padding-bottom: 5px;
}
*/

.logo-box2 {
    margin-top: 30px;
    margin-bottom: 50px;
    line-height: 1.5;
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo-box2 img{
	width: 60px;
	height: 100%;
	opacity: 0.5;
}

.logo-box2 div{
	width: 100%;
    display: block;
    font-size: 13px;
	padding-bottom: 5px;
	margin-top: 15px;
	font-family: brother-1816, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.panel-title {
    display: flex;
}

.quest-icon{
    display: flex;
    width: 35px;
    padding-top: 5px;
    font-size: 20px;
}

.quest-text {
    display: flex;
    width: calc(100% - 35px);
    font-size: 16px;
    line-height: 1.5;
}

.intro-image {
	padding-right: 40px;
}

.intro-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 20px;
}

.panel {
    border-bottom: 1px solid #bdb281;
    padding-bottom: 15px;
    margin-bottom: 25px;	
}

.panel-body {
    margin-bottom: 20px;
}

.panel-body p {
    margin-bottom: 0px;
	padding-top: 35px;
	line-height: 1.8;
	vertical-align: top;
}

.panel-body p:first-letter {
    font-size: 30px;
	line-height: 0;
    font-family: psfournier-std-grand, sans-serif;
    font-weight: 400;
}

.border-bottom-gold { 
	padding-bottom: 25px;
	border-bottom: 1px solid #BDB284;
}

.link-box {
    margin-top: 25px;
}

.btn-style {
    background-color: #bdb281;
    color: white !important;
    padding: 10px 15px;
	margin-right: 10px;
}

.page-id-40 #cd-vertical-nav, .page-id-3 #cd-vertical-nav{
	display: none;
}

.more-links{
	margin-top: 30px;
}

.cd-img-replace {
	text-indent: unset !important;
	font-size: 29px;
	text-align: center;
	padding-top: 8px;
	left: 50%;
	right: 0 !important;
	transform: translateX(-50%);
}

.touch #cd-vertical-nav a.is-selected span:last-child {
	font-weight: bold;
	color: #00396c;
}

.touch #cd-vertical-nav.open {
	right: 50%;
	transform: translateX(50%) !important;
	margin-bottom: 50px;
	transform-origin: left bottom !important;
	width: auto;
	text-align: center;
	z-index: 500;
}

.touch .cd-nav-trigger {
	z-index: 500 !important;
	border: 1px solid #00396c;
}

.text-spacer {
    width: 7px !important;
    display: inline-block !important;
}

#statement h3{
	margin-bottom: 30px; 
}

.statement-box {
	margin-top: 30px !important;
}

.statement-date {
    font-family: ministry, sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 13px;
	margin-bottom: 3px;
}

.statement-date.front { margin-bottom: 25px; }

.statement-box h2 {
    font-size: 23px;
    line-height: 1.2;
	margin-bottom: 30px;
}

.statement-box hr{
	border-bottom: 1px solid #bdb281;
	margin-top: 13px;
    margin-bottom: 0px;
}

.cd-timeline-img.cd-picture {
    background: #bdb281 !important;
}

#faq .panel-collapse a{
    font-weight: 400;
    text-decoration: underline;
}

.state-btn {
    flex: 0 0 100px;
    align-items: center;
    justify-content: center;
    display: flex;
	z-index: 50000 !important;
}

.state-btn img {
    width: 45px;
	margin-top: -1rem;
	transition: 0.3s ease-in-out;
}

.state-btn a:hover img {
	margin-left: 15px;
}

#statement .statement-box:last-child hr{
	display: none;
}

.back-btn {
    border: 1px solid #bdb281;
	font-weight: 100;
	background-color: transparent;
}

.more-btn {
	font-weight: bold;
	background-color: transparent;
	text-align: right;
	color: #bdb281;
	margin-left: -5px;
	border: 0px;
	transition: margin-top 0.2s ease-in;
}

.more-btn:hover {
	margin-top: -5px;
}

.single h1{
	margin-top: 0;
}

.single .impressum-style a{
	font-weight: 400;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}

.welcometxt { overflow: hidden; transition: height 1s ease-in-out;}
#intro .more-btn { font-weight: 400; margin-top: 20px; color: #FFFFFF; position:relative; z-index: 20;}

.fadeout {
    position: relative; 
	z-index:10;
    bottom: 95px;
    height: 50px;
    background: -webkit-linear-gradient(
        rgba(0, 57, 108, 0) 0%,
        rgba(0, 57, 108, 1) 100%
    ); 
} 

#forum {
	position: relative;
	z-index: 1;
	margin-top: -100px;
	padding-top: 300px!important;
	padding-left: 10vw;
	padding-right: 10vw;
	padding-bottom: 220px;
	margin-bottom: 150px;
	background: linear-gradient(90deg, #ebf1f6 50%, #d8e4ed 50%);
}

#forum .col-md-6:first-child  {
	padding-right: 100px;
	text-align: right;
}

#forum .col-md-6:last-child  {
	padding-left: 100px;
}

#forum .statement-box:first-child {
	margin-top: 0px!important;
}

#forum .statement-box hr {
	margin-top: 30px;
}

div.row.bildergalerie {
	margin-bottom: 50px;
}

.card-columns .card {
	margin-bottom: 1.25rem;
}

.sectionlogo {
	max-width: 60px;
    position: absolute;
    left: calc(50vw - 30px);
    bottom: -30px;
	-webkit-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
}


a.link-btn {
	color: #FFFFFF!important;
	display: block;
	background-color: #bdb281;
	margin: 15px 0;
	padding: 15px 15px 15px 20px;
	text-decoration: none;
}

a.link-btn:hover {
	opacity: 0.8;
}

a.link-btn i {
	padding-right: 5px;
}


/* ------------------------------------------------ Newsslider ------------------------------------------------ */

 
#news-slider{
    margin-top: 30px;
}
.post-slide{
    background: #fff;
    margin: 0 15px;
}

.post-slide .post-img{
    position:relative;
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.50s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}

.post-slide .overlay-img { width: 50px; max-width: 50px; height: auto; margin-left: calc(50% - 25px); margin-top: calc(35% - 25px); }

.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background:rgba(0, 57, 108,0.4);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 8px 30px 40px;
}
.post-slide .post-title{
    margin:8px 0 15px 0;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:40px;
}
.post-slide .post-date{
    color:#a9a9a9;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding:5px 10px;
    float: right;
    font-size:12px;
    background:#e9e9e9;
    color:#808080;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    position: absolute;
    top:250px;
    left:-30px;
    color: #bdb281;
    transition: color 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    position: absolute;
    top:250px;
    right: -45px;
    padding: 0 18px;
	color: #bdb281;
    transition: color 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after {
    color: #333;
    font-size:25px;
	font-weight: bold;
    content:"<";
    
}
.owl-controls .owl-buttons .owl-next:after{
    color: #333;
    font-size:25px;
	font-weight: bold;
    content:">";
}


#news-slider .owl-item button {
    position: absolute;
}

#timeline .wappen { 
	height: auto; 
	width: 50px; 
	margin-left: calc(50% - 25px);
	margin-top: 120px;
	margin-bottom: -130px;
}

/* ---------------- MODAL EDIT ---------------- */


.modal-xlg {
    min-width: 100%;
	min-height: 100%;
	border: 0px;
	margin: 0;
	border-radius: 0px;
}

.modal-xlg .modal-content {
    min-height: 100vh;
}

.modal-content { 
	background-color: #FFFFFF;
	padding-top: 50px;
	border: 0px;
	border-radius: 0px;
}

.modal-title {
	font-weight: bold;
	color:#000000;
	font-size:40px;
}


.modal-body {
    	padding: 50px;
	color:#ffffff;
}

.modal-body a{
	color:#ffffff;
	opacity:1;
}

button.close {
	color:black;
	font-weight: 100;
	opacity: 1;
	font-size: 40px;
	text-align: right;
	margin-right: 50px;
	margin-bottom: 50px;
}

button.close:hover {
	opacity: 0.5!important;
}

.modal img { width: 100%; max-width: 100%; height: auto; }

.news-content { margin-top: 50px; }

.modal-height { margin-bottom: 125px; }

.modal-content a { color: #bdb281!important; font-weight: 500; }
.modal-content a:hover { color: #bdb281!important; text-decoration: underline;}


@media (min-width: 768px) {
.newscarousel .carousel-control-next-icon, .newscarousel .carousel-control-prev-icon {
	background: none;
}

.newscarousel .carousel-control-next-icon {
margin-left: 110px; 
}

.newscarousel .carousel-control-prev-icon {
margin-right: 110px; 
}

.newscarousel .carousel-control-next, .newscarousel .carousel-control-prev, .newscarousel .carousel-control-next:active, .newscarousel .carousel-control-prev:active, .newscarousel .carousel-control-next:focus, .newscarousel .carousel-control-prev:focus, .newscarousel .carousel-control-next:hover, .newscarousel .carousel-control-prev:hover {
	text-decoration: none;
}

.newscarousel .carousel-control-next-icon:after
{
  content: '>';
  font-size: 30px;
  font-weight: 300;
  color: black;
}

.newscarousel .carousel-control-prev-icon:after {
  content: '<';
  font-size: 30px;
  font-weight: 300;
  color: black;
}
	
}

/* ------------------- PREUSSENKALENDER HOME ------------------- */

#pk_home, #pageteaser {
	margin-left: 50px;
    margin-right: 50px;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
	overflow: hidden;
	position: relative;
	z-index: 2;
}



.pk_bg { position: absolute; top: 45%; left: 0; font-family: psfournier-std-grand, sans-serif; font-size: 18vw; color: #FFFFFF; opacity: 0.2; }

@media screen and (min-width: 768px) { 
.pk_bg { top: calc(100% - 22vw); left: 0;  }
}

.pk_date { border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; margin-bottom: 35px; opacity: 0.5; }
.blue .pk_date { border-bottom: 1px solid #00396c; }
.pk_desc { font-family: psfournier-std-grand, sans-serif; font-size: 16px; }

.pk_img { width: 30%; float: right; margin: 0 0 20px 20px; background-color: rgba(255,255,255,0.2); padding: 10px;}

@media screen and ( max-width: 768px ) {
	.pk_img { width: 100%; }
}

.pk_bild_desc { padding: 20px 10px 0px 10px; }

.pk_link { font-family: ministry, sans-serif; }

/* ------------------- LANGUAGE-SWITCHER ------------------- */

.wpml-ls-legacy-list-horizontal { margin: 25px 50px 0; }
.wpml-ls-legacy-list-horizontal ul { position: absolute; right: 50px; z-index: 1000; }
.wpml-ls-flag:hover { opacity: 0.5; }
.logo-bar { margin-top: -25px; }


/* ------------------------------------------------ MOBILE ------------------------------------------------ */

@media screen and (max-width: 767.98px) { 
	
	h1 {
		margin-left: 0;
		padding-right: 0;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	
	#intro {
		margin-left: 30px;
		margin-right: 30px;
		padding: 30px 15px 30px 15px;
	}
	
	#faq {
		margin-left: 30px;
		margin-right: 30px;	
	}
	
	#timeline{
		margin-left: 0px;
		margin-right: 0px;
		padding-right: 5px;
	}
	
	#outro {
		margin-left: 30px;
		margin-right: 30px;
		padding: 30px 15px 30px 15px;
		margin-top: 80px;
		margin-bottom: 100px;
	}
	
	.impressum-style{
		margin-left: 30px;
		margin-right: 30px;
		padding: 0 15px 80px 15px;		
	}
	
	footer {
		margin-left: 30px;
		margin-right: 30px;
		padding: 30px 15px 30px 15px;
	}
	
	.intro-image {
		padding-right: 0;
	}
	
	.no-touch #cd-vertical-nav {
		right: 4px !important;
	}
	
	.panel-body p {
		column-count: 1;
	}
	
	.cd-timeline-block:nth-child(2) {
		margin-top: 0px;
	}
	
	footer .left, footer .right {
		text-align: center;
	}
	
	footer .right {
		padding-top: 15px;
	}
	
	footer .left {
		padding-top: 20px;
	}
	
	.more-links{
		text-align: center;
	}
	
	.more-links a{
		display: block;
	}
	
	.more-links span{
		display: none;
	}
	
	#statement{
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 100px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 100px;
	}
	
	#news {
	padding-top: 25px;
	margin-bottom: 10px;
}
	
	.owl-controls .owl-buttons .owl-prev{
    top:-55px;
    left:20px;
}
.owl-controls .owl-buttons .owl-next{
    top:-55px;
    right:0px;
}
	
	#cd-vertical-nav, .owl-controls .owl-buttons { display: none; }
	
	#pk_home, #pageteaser { margin: 30px 30px; }
	
	
	#forum {
	padding-top: 200px!important;
	background: linear-gradient(90deg, #ebf1f6 50%, #ebf1f6 50%);
}
	
	
	#forum .col-md-6:first-child  {
	padding-right: 0px;
	text-align: left;
	margin-bottom: 50px;
}

#forum .col-md-6:last-child  {
	padding-left: 0px;
}

	
}





/* ------------------------------------------------ TABLET ------------------------------------------------ */

@media (min-width: 768px) and (max-width: 991.98px) { 
	
	h1 {
		margin-left: -26%;
		padding-right: 0;
		margin-top: 60px;
		margin-bottom: 130px;
	}
	
	#intro {
		padding: 30px 15px 30px 15px;
	}
	
	.intro-image {
		padding-right: 0;
	}
	
	.panel-body p {
		column-count: 1;
	}
	

	
	.cd-timeline-content h2 { 
		hyphens: auto; 
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
	}
	
}






/* ------------------------------------------------ Small Computers ------------------------------------------------ */

@media (min-width: 992px) and (max-width: 1199.98px) { 
	

	
}



/* ------------------------------------------------ Extra small devices ------------------------------------------------ */

@media screen and (max-width: 575.98px) { 
	

	
}