/*background image*/

.my-bg{
	background-image: url("../img/bg4.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

}

.groove{
	border: 10px groove #af4d8d;
	padding: 2px;
}

.double{
	border: 10px outset #af4d8d;
	padding: 2px;
}

/* @media (min-width: 320px) and (max-width: 767px) {

	.pe-sm-0 {
        padding-right: 0 !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
} */