@import url('https://fonts.googleapis.com/css?family=Roboto');

*{margin: 0;
padding: 0;
box-sizing: border-box}

body{
    font-family: 'Roboto', sans-serif;
    }

h1 {background: grey;
    padding: 5px;
    text-align: center;
    width: 100%;
    color: white
    }

section{
    margin-left: 10%; margin-right: 10%; margin-top: 2%; 
    text-align: center;
    
}
p {font-size: 1rem;
margin-top: 10px;}

    
h3{ margin-top: 30px;
    margin-bottom: 20PX;
    text-align: center;
    }
span {color: #ff5d92}
h4{margin-top: 20px;
}

.landing { color:#333; text-decoration: none; font-size:1.2rem;line-height:5%;

background-color: #ff5d92;
padding-top: 1%; padding-bottom: 1%; padding-left: 1.5%; padding-right: 1.5%;
margin: 1%;
color: #ffffff;
border-radius: 10px 10px 10px 10px;
text-decoration: none;
transition-duration: 0.4s;
}
.landing:hover{
background-color: #ffffff; 
color: #ff5d92;}


footer{margin-top: 80px;
    background: grey;
    padding: 15px;
    text-align: center;
    font-size: 15px;,}

.colum3 {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;}

.colum3 article {width: 30%}
.bullet {font-size: 3rem}

nav{background: #aaa; text-align: center; padding: 5px; } 
nav ul li {list-style-type:none; display:inline;padding:0 10px;}
nav ul li a {color: #fff; text-decoration: none;}