@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@200;300;400&family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');

body {background-color:#b6c4bb; font-size:16pt; line-height:1.5; color:#000000; font-family: 'Open Sans Condensed', sans-serif; margin:0}
h1 {font-family: 'Josefin Slab', serif; text-transform: uppercase; font-size:55pt; font-weight:200}
h2 {font-family: 'Josefin Slab', serif;}
a {color:#ffffff}
a:hover {color:#ffffff}
.mobileonly {display:none}
.desktoponly {display:}
.review1 {padding-left:100px}
.review2 {padding-left:50px; padding-right:50px}
.review3 {padding-right:100px}

@media only screen   
and (min-device-width : 320px)   
and (max-device-width : 480px) {
	
	body {font-size:26pt}
	h2 {font-size:35pt}
	.leftpadding {padding-left:100px}
	.rightpadding {padding-right:100px}
	.smallerpic {padding-right:100px!important}
	.mobileonly {display:block}
	.desktoponly {display:none}
	.row {height:auto!important}
	.review1 {padding-left:100px; padding-right:100px}
.review2 {padding-left:100px; padding-right:100px}
.review3 {padding-left:100px; padding-right:100px}
}
/* -----------------------------------------------------
 for fsvs
----------------------------------------------------- */
html.fsvs {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

html.fsvs #fsvs-body {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

html.fsvs #fsvs-body > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

/* -----------------------------------------------------
 pagenation
----------------------------------------------------- */
html.fsvs #fsvs-pagination {
  width: 32px;
  height: auto;
  padding: 8px 4px;
  margin: 0;
  position: fixed;
  right: -100px;
  top: 50%;
  z-index: 999;
}

html.fsvs #fsvs-pagination li {
  width: 25px;
  height: 25px;
  margin: 0 0 2px 0;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
}

html.fsvs #fsvs-pagination li > span {
  width: 22px;
  height: 22px;
  display: block;
  line-height: 22px;
  border-radius: 100%;
  border: 1px solid white;
}

html.fsvs #fsvs-pagination li > span > span {
  width: 12px;
  height: 12px;
  margin: 4px;
  display: block;
  line-height: 12px;
  border-radius: 100%;
  border: 1px solid white;
}

html.fsvs #fsvs-pagination li.active > span {
  border: 1px dashed white;
}

html.fsvs #fsvs-pagination li.active > span > span {
  background: white;
}

html.fsvs #fsvs-pagination li:last-child {
  margin: 0;
}

/* -----
SVG Icons - svgicons.sparkk.fr
----- */
.svg-icon {
  width: 1em;
  height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #fff;
}

.svg-icon circle {
  stroke: #fff;
  stroke-width: 1;
}

ul {
  list-style: none;
}

.main {
  height: 100%;
  width: 100%;
}

.page {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}


.set {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.row {
  display: flex;
  flex-wrap: wrap;  width: 100%;
  height: 100%;
}

.icon {
  width: 60px;
  height: 60px;
  padding: 20px;
}
.icon svg {
  width: 100%;
  height: 100%;
}