@media screen and (min-width: 769px) {
    main{
        flex-direction: row;
        height:82vh;
        flex-wrap: nowrap;
    }
    main section{
        width:20vw;
    }
    .icon{
        width:2.7vw;
    }
    main section div p{
        max-width: 20vw;
    }
}
h1{
    text-align:center;
    font-size:3rem;
    padding-top:10vh;
    font-weight:bold;
    padding-bottom:1vh;
}
hr{

    width:30vw;
}
main{
    display:flex;
    justify-content: space-around;
}
main section{
    color:black;
    margin-left:auto;
    margin-right:auto;
    border-radius:15px;
    background-color: white;
    height:40vh;
    margin-top:4vh;
    box-shadow: 0 0 4px 2px rgba(100, 100, 100, 0.8);
}
main footer img{
    margin:auto;
}

footer{
 margin-top:20vh;
}
main section{
    border: 3px solid black;

}
main section div{
    display:flex;
    flex-direction: column;
    align-items: center;
}
main section div img{
    margin-top:2.5vh;
}
main section div h2{
    margin-top:7vh;
}
main section div p{
    margin-top:3vh;
    text-align:center;
    max-width: 20vw;
}
main section div p a{
    color:black;
    font-weight:bold;
    text-decoration: none;
}
main section div p a:hover{
    text-decoration: underline;

}