@font-face{
  font-family: 'Montserrat-Bold', sans-serif;
  src: url(../fonts/Montserrat-Bold.ttf);
  font-weight: bold;
  font-style: normal;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.scratchpad{
  width: 500px;
  height: 600px;
  border: solid 10px #fc4d95;
  margin:0 auto;
}
body {
    background:#a9a9a9;
}
.scratch-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:100%;
  display: flex;
}
.promo-container {
	background:#a9a9a9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:100%;
	padding:20px;
	margin:0 auto;
	text-align:center;
	font-family:'Open Sans', Arial,Sans-serif;
	color:#333;
	font-size:16px;
	margin-top:20px;
  margin-bottom:20px;
}
.title{
  font-family: 'Montserrat', sans-serif;
  font-size: calc(1.525rem + 2.3vw);
  font-weight: 600;
}
#promo img{
  padding:0.01px;
}
.text-bold{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}
.btn {
  background:#56CFD2;
  color:#FFF;
  padding:10px 25px;
  display:inline-block;
  margin-top:15px;
  text-decoration:none;
  font-weight:600;
  text-transform:uppercase;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radiuss:3px;
}
ul.social-share{
  list-style: none;
  padding: 0;
}
ul.social-share li{
  display: inline-flex; 
  margin:5px; 

}
ul.social-share li a{
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  color:white;  
   border:1px solid white;
  padding:5px 10px;
  width:200px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}

ul.social-share li:hover a#facebook{
  background-color: #3b5999; 
  border-color:#a9a9a9;
}
ul.social-share li:hover a#twitter{
  background-color: #55acee; 
  border-color:#a9a9a9;

}
ul.social-share li:hover a#instagram{
  background:linear-gradient(to bottom, #515BD4 10%, #515BD4 15%, #DD2A7B 86%, #FEDA77 2%, #F58529  2%);
  //background-color: #e4405f; 
  border-color:#a9a9a9;
 // border-image-source: linear-gradient(to left, #515BD4 5%, #515BD4 15%, #DD2A7B 86%, #FEDA77 2%, #F58529  2%);
}
ul.social-share li:hover a#whatsapp{
  background-color: #25D366; 
  border-color:#a9a9a9;
}
ul.social-share li:hover a#linkedin{
  background-color: #0077B5; 
  border-color:#a9a9a9;
}
.copyright{
  font-size: 10px;
  color: white;
}
.copyright a{
  text-decoration: none;
  color: white;
  font-family: 'Montserrat', sans-serif;
}
@media only screen and (max-width : 480px) {
  .scratchpad {width:100%;height:500px;}
  .scratch-container {width:100% !important;}
}
@media only screen and (max-width : 320px) {
  .scratchpad {width:100%;height:500px;}
  .scratch-container {width:100% !important;}
}