@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville.eot');
    src: url('../fonts/Baskerville.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Baskerville.woff') format('woff'),
    url('../fonts/Baskerville.ttf') format('truetype'),
    url('../fonts/Baskerville.svg#Baskerville') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville-SemiBold.eot');
    src: url('../fonts/Baskerville-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Baskerville-SemiBold.woff') format('woff'),
    url('../fonts/Baskerville-SemiBold.ttf') format('truetype'),
    url('../fonts/Baskerville-SemiBold.svg#Baskerville-SemiBold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville-Bold.eot');
    src: url('../fonts/Baskerville-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Baskerville-Bold.woff') format('woff'),
    url('../fonts/Baskerville-Bold.ttf') format('truetype'),
    url('../fonts/Baskerville-Bold.svg#Baskerville-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/*========================================================*/
/* RESET  */
/*========================================================*/
::selection {
    background: #000;
    color: #fff;
}
.dark::selection {
    background: #fff;
    color: #000;
}
html {
    font-size: 62.5%;
    line-height: 1.5;
}
body {
    font-family: Baskerville, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}
h1, h2, h3, h4, h5, h6,{
    font-weight: 700;
    margin: 0;
}
.post, .page {
    margin: 0;
}
a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 300;
}
a:hover,
a:visited,
a:focus {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    opacity: 0.7;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style:  none;
}
p {
    margin: 0;
}
.flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.coming-soon-logo svg{
    width: 150px;
}
.coming-soon-wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 50px 0;
    align-items: center;
}
.main-container,
.coming-soon-logo {
    padding: 0 30px;
}
.main-paragraph p {
    font-size: 5rem;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    line-height: 1.2;
}
.view-catalogue h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
}
.social-media a {
    font-size: 2rem;
    color: #000;
    font-weight: 300;
}
.social-media li {
   display: inline-block;
   padding: 0 5px
}
.info-address p,
.info-contact a {
    font-size: 1.7rem;
    color: #000;
    font-weight: 300;
}
.social-media span {
    font-size: 2rem;
    color: #9b9c9f;
    font-weight: 300;
}
.info-contact li {
    display: inline-block;
}
.coming-soon-logo {
    padding-bottom: 50px;
}
.view-catalogue {
    padding: 60px 0;
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}
.social-media {
    padding-bottom: 20px;
}
.info-contact a {
    padding: 0 5px;
}
hr {
  border:none;
  border-top:4px dotted #000;
  color:#fff;
  background-color:#fff;
  height:4px;
  width:50%;
}
.dark {
    background-color: #000;
}
.dark .coming-soon-logo svg {
    stroke: #fff;
    fill: #fff;
}
.dark .main-paragraph p,
.dark .social-media a,
.dark .view-catalogue h2,
.dark .info-address p {
    color: #fff;
}
.dark hr {
    border: none;
    border-top: 4px dotted #fff;
    color: #000;
    background-color: #000;
    height: 4px;
    width: 50%;
}
@media(max-width: 767px) {
	.main-paragraph p {
		font-size: 3rem;
	}
	.view-catalogue h2 {
	    font-size: 1.6rem;
	}
}