/* body{
    padding: 1%;
    margin: 5%;
} */
.ourproduct {
	position: relative;
    /* background: url(../img/prods-bg.jpg); */
    background: url(../img/CARRIERES.jpg);
    /* color: black; */
    height:542px;
	width:100%;
	padding:20px;
	background-repeat: no-repeat;
    background-size: cover;
}


.ourproducts{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    /* text-align: center; */
    /* font-weight: bold; */
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,29);
    /* border-bottom: solid 3px white; */
    /* border-left: solid 3px white; */
    /* transition: 4s; */
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    margin-left: 20px;
    margin-top: 40px;
    box-shadow: inset;
}

.button1{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(29,0,0,29);
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    transition: 4s;
    margin-left: 20px;
    margin-top: 40px;
}

.button2{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,29);
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    transition: 4s;
    margin-left: 20px;
    margin-top: 40px;
}
.button3{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,29);
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    transition: 4s;
    margin-left: 20px;
    margin-top: 40px;
}

.button4{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,29);
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    transition: 4s;
    margin-left: 120px;
    margin-top: 1px;
}

.button5{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,29);
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    transition: 4s;
    margin-left: 20px;
    margin-top: 1px;
}
.button6{
    display: inline-block;
    text-decoration: none;
    background-color:rgb(238, 233, 233);
    width: 160px;
    height: 160px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,29);
    border-bottom: solid 3px white;
    border-top: solid 3px white;
    border-left: solid 3px white;
    transition: 4s;
    margin-left: 20px;
    margin-top: 1px;
}



 .btn:active{
    transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    border-bottom: none;
}