.speakers {
padding: 5%; margin: 100px 15vw 60px 15vw; img { width: 100%; } a { color: darkblue; } h1 { margin: 0; } h1, h2, h3, ol, p { color: black; text-align: left; } p, ol { font-size: 110%; } h1 { text-shadow: 2px 2px black; background-color: gold; color: white; padding: 5px 5px 5px 10px; -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); width: 90%; } .speaker-profile { img { border-radius: 50%; max-width: 300px; float: left; overflow: hidden; margin-right: 25px; margin-bottom: 10px; } a { color: DodgerBlue; } ul { padding-left: 350px; } ul, li, ol { font-size: 110%; } }
}
@media screen and (max-width : 1200px){
.speakers { margin: 100px 15vw 60px 15vw; }
}
@media screen and (max-width:760px){
.speakers { margin: 50px 10px 10px 10px; h1 { margin-top: 10px; margin-bottom: 10px; } .speaker-profile { img { display: block; margin: auto; float: none; } ul { padding-left: 20px; } } .title { text-align: center; margin-bottom: 20px; } } h1 { font-size: 130%; } h2 { font-size: 120%; } p, ol, li { font-size: 100%; }
}