@media only screen and (max-width: 576px) {
	
}

@media only screen and (min-width: 576px) {
	.container{
		max-width: 100%;
	}
}
@media only screen and (max-width: 767.99px) {
	.container{
		max-width: 100%;
	}
	.nav-menu{
		display: none;
	}
	nav{
		margin-top: 0;
	}
	#NavMenu li a{
		font-size: 13px;
	}
	.article-image-placeholder{
		margin-left: 8.33%;
		margin-bottom: 50px;
	}
	.section-article{
		margin-left: 0;
	}
	.page-header-title h3{
		font-size: 40px;
	}
	footer div div ul{
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	.reach-article{
		margin-left: 0;
		margin-right: 0;
	}
	.section-head img{
		margin-left: 0;
		width: 100%;
	}
	.sr-sparta-about-text-about p {
		margin-left:0;
	}
}

@media only screen and (min-width: 768px) {
	.container{
		min-width: 720px;
		max-width: 100%;
	}
	.brand a img{
		max-width: 142px;
	}
	.nav-button{
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.container{
		min-width: 960px;
		max-width: 100%;
	}
}

@media only screen and (min-width: 1200px) {
	.container{
		max-width: 1140px;
	}
}


.scrolled .fixed-header{
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1));
	box-shadow: 0px 3px rgb(247, 220, 49);
}
.scrolled #NavMenu li a{
	color: rgb(0,0,0);
}
.scrolled .brand a{
	width: 60%;
}
.scrolled #Nav-Menu{
	margin-top: 35px;
}

#NavMenu li a{
	color: rgb(255,255,255);
	transition: 0.5s;
}
.scrolled #NavMenu li a:hover,
.scrolled #Nav-Menu li a.active{
	color: orange;
}
#NavMenu li a:hover,
#NavMenu li a.active {
	color: orange;
}
.section-head{
	float: left;
	padding: 30px 0;
	margin-bottom: 20px;
	
}
.section-head h3{
	font-size: 25px;
}

.section-head h3 a{
	color: red;
}
.nav-button{
	position: absolute;
	font-size: ;
	padding: 10px;
	top: 15px;
	right: 15px;
	border-radius: 5px;
}
	ol {
		list-style-image: url(../images/correct.png);
		margin-left:30px;
	}
	ol li{	
		list-style:inherit;
		padding: 5px 0;
	}
	table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
  background-color: #A42832;
  color: white;
}
.sr-item-slide .sr-slide-caption h2 {
    font-family: 'Playfair Display', serif;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.sr-sparta-head-title h3 {
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.14;
    letter-spacing: 2.8px;
    text-align: center;
    color: #b0914f;
}

.sr-sparta-head-title h2 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    color: #333333 !important;
}

.sr-sparta-about-border {
    width: 40px;
    height: 3px;
    background-color: #b0914f;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 60px;
}

.sr-sparta-about-text p {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 2.14;
    text-align: center;
    color: #716f6f;
}

.sr-sparta-about-text-about p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    color: #716f6f;
	margin-left:25px;
}

.sr-about-right-header h3 {
    font-family: "Cinzel Decorative";
    font-size: 14px;
    font-weight: bold;
    line-height: 2.14;
    letter-spacing: 2.8px;
    text-align: left;
    color: #b0914f;
	margin-left:25px;
}

.sr-about-right-header h2 {
    font-family: "Playfair Display", serif;
    font-size: 48px;
    font-weight: bold;
    text-align: left;
    color: #333333;
	margin-left:25px;
}
.sr-about-right-header .sr-about-border {
    width: 40px;
    height: 3px;
	margin-left:25px;
    background-color: #b0914f;
    margin-top: 30px;
	margin-bottom: 30px;
}

.sr-h2{
	    font-size: 25px;
}