@charset "utf-8";
/* CSS Document */


*{
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}


html,body{
  min-width: 100%;
  overflow-x: hidden;
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
	color: #203c48;
	margin:0;
	background-color: #fdfcfb;
}

.stripp{
	height: 70px;
	width: 100%;
	background-color: #efe8de;
}
.logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	letter-spacing: 8px;
	width: 100%;
	font-size: 2.125rem;
}

.logo img{
	width: 30%;
}

.logo strong{
	font-family: myFirstFont3, 'Montserrat';
	color: #c3a881;
}

.logo h2{
	padding-left: 90px;
	font-size: 1.8rem;
	letter-spacing: 0px;
}

.titletxt{
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: center;
	margin-top: 0px;
}

.titletxt p{
	letter-spacing: 0px;
	padding-top: 20px;
}



.art{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	margin-top: 150px;
	margin-bottom: 100px;
}

.art h1{
	font-family: montserrat;
	font-size: 1.2rem;
}

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

}


@media screen and (max-width: 1366px){
	.logo img{
	width: 35%;
}
}

@media screen and (max-width: 1280px){
		.logo img{
	width: 40%;
}
}

@media screen and (max-width: 1200px){
		.logo img{
	width: 45%;
}
}

@media screen and (max-width: 1024px){
	.logo img{
	width: 50%;
}
}

@media screen and (max-width: 1000px) {
}
/* Tablet desktop :768px. */
 
@media screen and (max-width: 820px){
	
		.logo img{
	width: 50%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}
	
	.titletxt h1{
		font-size: 1.8rem;
	}
	
	.art{
		width: 90%;
	}
	
}

@media screen and (max-width: 810px){
		
}
@media screen and (max-width: 800px){

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* Large Mobile :480px. */

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

 @media (min-width: 481px) and (max-width: 767px) {
}

@media screen and (max-width: 700px){
	.logo img{
	width: 60%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
	
	.titletxt h1{
		font-size: 1.8rem;
	}
	
	.art{
		width: 90%;
	}
}

@media screen and (max-width: 600px) {
	.logo img{
	width: 70%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
	
	.titletxt h1{
		font-size: 1.5rem;
	}
	
	.art{
		width: 90%;
	}

}

@media screen and (max-width: 500px){
		.logo img{
	width: 80%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	
	.titletxt h1{
		font-size: 1.5rem;
	}
	
	.art{
		width: 90%;
	}

}

@media only screen and (max-width: 479px) {
	.logo img{
	width: 90%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	
	.titletxt h1{
		font-size: 1.5rem;
		letter-spacing: 2px;
	}
	
	.art{
		margin-top: 100px;
		width: 90%;
	}

}

@media screen and (max-width:420px){
	.logo img{
	width: 95%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	
	.titletxt h1{
		font-size: 1.5rem;
		letter-spacing: 2px;
	}
	
	.art{
		margin-top: 100px;
		width: 90%;
	}

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

@media only screen and (max-width: 320px) {
	.logo img{
	width: 100%;
}
	.titletxt{
		margin-top: -40px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	
	.titletxt h1{
		font-size: 1.5rem;
		letter-spacing: 2px;
	}
	
	.art{
		margin-top: 100px;
		width: 90%;
	}
}