@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
body{
	margin:0 !important;
	 font-family: 'Roboto' !important;
}
.main-container {
  margin-top: 0px;
  padding: 15px;

}
.header img{
width:100%;
}



h3:first-of-type {
  color:#C700D2;
}
h3:last-of-type {
	  color:#FF9A00;
}
h3:nth-of-type(2){

	    color:#0067C5;
}

@media (min-width:320px)  {
	
	
.main-container img {
 width: 50%; 
    display: block;
    margin: auto;
}
h3{
	margin-bottom:0 !important;
		text-align:center;
		font-size:5.5vw !important;
}
p{
	margin-top:5px !important;
	text-align:center;
	font-size:3.5vw ;
	color: #727272;
	margin-bottom:20px;
}
} 
@media (min-width:481px)  { 

	.main-container img {
 width: 50%; 
    display: block;
    margin: auto;
}
h3{
	margin-bottom:0 !important;
		text-align:center;
		font-size:5.5vw !important;
}
p{
	margin-top:5px !important;
	text-align:center;
	font-size:3.5vw ;
	color: #727272;
	margin-bottom:20px;
}
 }
@media (min-width:641px)  { 

 .main-container
{
   display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 10px 20px 10px;
}
.mainsk
{
        display: inline;
    width: 50%;
} 
h3{
	margin-bottom:0 !important;
		text-align:center;
		font-size:3.5vw !important;
}
p{
	margin-top:5px !important;
	text-align:center;
	font-size:2vw ;
	line-height:1.6;
	color: #727272;
	margin-bottom:20px;
}
/* hi-res laptops and desktops */
 }
@media (min-width:961px)  { 

.main-container img {
 width: 50%; 
    display: block;
    margin: auto;
}
h3{
	margin-bottom:0 !important;
		text-align:center;
		font-size:5.5vw !important;
}
p{
	margin-top:5px !important;
	text-align:center;
	font-size:3.5vw ;
	color: #727272;
	margin-bottom:20px;
}
 }
@media (min-width:1025px) {
 .main-container
{
   display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 10px 20px 10px;
}
.mainsk
{
        display: inline;
    width: 50%;
} 
h3{
	margin-bottom:0 !important;
		text-align:center;
		font-size:3.5vw !important;
}
p{
	margin-top:5px !important;
	text-align:center;
	font-size:2vw ;
	line-height:1.6;
	color: #727272;
	margin-bottom:20px;
}
/* hi-res laptops and desktops */
}
@media (min-width:1281px) { 


 .main-container
{
   display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 10px 20px 10px;
}
.mainsk
{
        display: inline;
    width: 50%;
} 
h3{
	margin-bottom:0 !important;
		text-align:center;
		font-size:3.5vw !important;
}
p{
	margin-top:5px !important;
	text-align:center;
	font-size:2vw ;
	line-height:1.6;
	color: #727272;
	margin-bottom:20px;
}
/* hi-res laptops and desktops */ }