@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');

.title-1, .title-2, .title-3, .main-text, li, .email-text, .phone-text{
    font-family: 'Ropa Sans', sans-serif;

}
*{
    padding:0;
    margin:0;

}

a{
    text-decoration: none;
}

.title-1, .title-2{
    text-transform: uppercase;
}
img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
.titles{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    display: flex;
    justify-content:space-between;
}

.title-1, .title-2{
    
 
    font-size: 16px;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 18.9818px;
    color: #DD2C00;    
}
.title-3{
    margin: 7px 0;
    color: #719C40;
    margin-left: 15%;
    font-size: 18.98px;
    text-transform: uppercase;
}
.main-text{
    display: block;
    margin: 0 20%;
}
li{
    color: #A4A4A4;
    font-size: 18.98px;

}
.container{
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    display: block;

    margin: 27px auto;
    width: 70%;
    border-radius: 30px;
 
}
.container:hover{
    transition: 0.5s ease-in;
    animation-name: make-bigger;
    
}

.footer{


    
    background-color: #719C40;
    width:100%;
    height: 48px;
    padding: auto 0 auto 0;

    display:flex;

    justify-content: space-around;
    align-items: center;
    
    
 
}

.logo-monochrome{
width: 98px;
height: 31.48px;
background: url(../Images/icons/logo-monochrome.svg);
}
.email-icon{
    background: url(../Images/icons/email-icon.svg);
    width: 20px; height: 20px;
    background-size: cover;
}
.phone-icon{
    background:url(../Images/icons/phone-icon.svg);
    width:20px;
    height: 20px;
    background-size: cover;
}
.email-text, .phone-text{
    color: white;
    font-size: 10px;
text-transform: uppercase;
}