body {
    font-family: 'Poiret One', cursive;
    color : #000;
    background-color: #fff;
    font-size: 1rem;
}

h1 {
	font-size: 3rem;
	margin:0px 0px 2px 0px;
	font-weight: bold;
}

h2 {
  font-size: 1.8rem;
  margin:0px 0px 20px 0px;
}

h3 {
  font-size: 1.5rem;
  margin:0px 0px 20px 0px;
}

h4 {
  margin:0px 0px 10px 15px;
  font-size: 1.3rem;
  font-weight: bold;
}

.row{
    margin-top: 15px; 
    padding-bottom: 0px;
    padding-top: 0px;
}

.row-first{
    padding-top: 10px;
}

.row-last{
    padding-top: 40px;
    padding-bottom: 40px;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

a.btn {
  font-size:1rem;
}

@media (min-width: 576px) {  
  h1 {font-size:3.5rem};
  h2 {font-size:2rem};
  a.btn {font-size:1.2rem};
}

@media (min-width: 992px) {  
  body {font-size:1.1rem};
  h1 {font-size:3.8rem};
  h2 {font-size:2.1rem};
  h3 {font-size:1.6rem};
  h4 {font-size:1.4rem};
  a.btn {font-size:1.3rem};
  div.row {margin-top:25px;padding-top:10px;};
}

.container-fluid {
  border-radius: .3rem;
  border: 1px solid #f8f9fa;
  margin-top: 10px; 
}

img.medaillon {
  border: 2px solid #111;
}