.prod-cont
            {
            	display: flex;
                justify-content: center;
                flex-wrap: wrap;
                margin-top: 110px;
                font-family: Arial;
            }
            
            .img-prod
            {
            	height: 450px;
                width: 450px;
                margin-right: 50px;
                box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.15);
            }
   
   
            body .container-
            {
                width: 650px;
                height: 450px;
                text-align: center;
            }
            
            body .container- h1 
            {
                margin: 0;
            }
            
            body .container- h1:after
            {	
            	content: '';
                display: block;
                height: 3px;
                width: auto;
                background-color: #42C742;
                border-radius: 50px;
                margin-top: 15px;
            }
            
            body .container- p
            {	
            	padding: 0;
                padding-top: 30px;
                margin-bottom: 10px;
                box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.15);
                font-size: 120%;
            }
            body .container- p:after
            {	
            	content: '';
                display: block;
                height: 2px;
                width: auto;
                margin-top: 30px;
                background-color: green;
            }
            .cont
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: center;
        margin-top: 20px;
    }
    .box
    {	
    	margin-top: 10px;
    	height: 40px;
        width:  150px;
        background-color: #FAFAFA;
        border: 3px solid #75D075;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Arial;
        transition: 0.5s;
        
    }
    
    .box:hover
    {
    	background-color: #F2F2F2;
        border: 3px solid #37DE37;
        box-shadow: 5px 10px 18px #888888;
        cursor: pointer;
    }
    
    .full-cont
    {
        box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.15);
    }
    .conter
            {
                display: flex;
                margin-top: 40px;
                text-align: center;
            }
            .conter .first
            {
                background-color: #eb612a;
                height: 5px;
                width: 510px;
                background-repeat: repeat;
                margin-top: 10px;
            }
            .conter h1
            {
                padding: 0;
                margin: 0;
                position: relative;
                top: -10px;
                font-family: Arial, Helvetica, sans-serif;
                margin-right: 10px;
                margin-left: 10px;
            }
            .text-box
            {   
                margin-top: 10px;
                padding: 30px;
                width: 1150px;
                box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.15);
                font-size: 120%;
            }


            @media (max-width: 469px)
            {
                .conter
                {
                    margin-top: 100px;
                }
                
            }
            @media (max-width: 600px)
            {
                .img-prod
                {
                    margin-left: 75px;
                }
            }