/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Roboto:400,400i,700,700i');

* {
	border-radius: 0px!important;
}

body{
	background-color: #FFF;
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
}

h1 {
	text-transform: capitalize;
}

.bottom-border {
  height: 1px;
  margin: 0 auto 0px;
  position: relative;
  width: 80px;
  background-color: #D4AF37;
}

.bg-gold {
	background-color:#D4AF37;
}

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

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

#header {
	color:black;
}

#header a{
	color:slategray;
}

#header a:hover {
	color:#D4AF37;
	transition-property: all;
	transition-duration: 0.5s;
}

.anchor {
	/*position: relative;
	top:-100px;
	/*display: block;
	height: 0;
	width:0;*/
}

.main-social {
	list-style: none;
	margin:0px;
	padding:0px;
	float:right;
}

.main-social li {
	display: inline-block;
	margin-left: 5px;
}

#footer {
	background:rgba(168,0,0,1.00);
}

#footer a{
	color:rgba(200,200,200,1);
}

#footer a:hover{
	color:white;
	transition-property: all;
	transition-duration: 0.5s;
}

#myBtn {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: red; 
  color: white; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px; 
  font-size: 18px; 
}

#myBtn:hover {
  background-color: #555; 
  transition-property: all;
  transition-duration: 1s;
}


@media (min-width: 320px) {
.logo {
	width: 90%;
} 
}


@media (min-width: 576px) {
.logo {
	width: 66%;
}  
  
}

@media (min-width: 768px) {
.logo {
	width: 50%;
} 	
  
}

@media (min-width: 992px) {
.logo {
	width: 50%;
} 
	
}

@media (min-width: 1200px) {
.logo {
	width: 33%;
} 	

}