@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
@import url('https://fonts.googleapis.com/css?family=Nunito');

header {
    height:100vh;
    display:grid;
    align-items:center;
    grid-template-rows: 10vh 1fr;
}

.navbar-brand {
    transform:rotate(45deg);
    border:1px black solid;
    padding:0.25rem;
    width:1rem;
    height:1rem;
    position: relative;
}

.navbar-brand img {
    transform: rotate(-45deg) scale(0.5);
    position:absolute;
    left:0;
    top:0;
}

section {
    margin:5vh 0;
}

.title {
    align-self:center;
    text-align:center;
    font-family:"Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    width:75%;
    margin:0 auto;
}

header .title p{
    width:60%;
    margin:0 auto;
}

h1 {
    font-size:4rem;
}

h2 {
    font-size:3rem;
    margin-bottom:10vh;
}

h3 {
    text-align:center;
    font-family:"Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:2rem;
    margin:2rem 0;
    font-weight:700;
}

h4 {
    font-size:1rem;
    font-family:"Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight:700;
}

.blog h3 {
    font-style:italic;
}

p {
    font-family:"Nunito",sans-serif;
    font-size:1rem;
}

.copyright {
    font-size:0.707rem;
    color:hsl(0, 0%, 60%);
}

nav a {
    color:hsl(0, 0%, 5%);
    text-transform:uppercase;
}

nav a:hover {
    color:hsl(0, 0%, 60%);
}

.text-block {
    padding:0 4rem;
    display:grid;
    justify-items:start;
    align-items:center;
}

.blockquote {
    font-size:1rem;
    color:hsl(0, 0%, 60%);
}

cite {
    color:black;
    font-weight:700;
    font-style: normal;
}

.embed-responsive {
    margin-bottom:1rem;
}

.recent-reviews, .user-videos {
    display:grid;
    align-items:stretch;
}

.videos {
    font-family:"Playfair Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

img {
    width:100%;
}

.instructors p{
    color:hsl(120, 60%, 50%);
    font-size:0.9rem;
    text-align:center;
    font-family: 'Nunito', sans-serif;
}

.btn {
    background-color:hsl(0, 0%, 95%);
    padding:1rem 2rem;
    border:1px solid hsl(0, 0%, 60%);
    margin:2.5vh 0;
    font-weight: 700;
}

.row {
    margin-bottom:10vh;
}

@media screen and (max-width:1024px) {
    .text-block {
        justify-items:center;
    }

    h2 {
        text-align:center;
    }

    header .title p {
        width: 75%;
    }
}

@media screen and (max-width:768px) {
    header .title p {
        width: 95%;
    }
}

@media screen and (max-width:425px) {
    .container {
        width:95%;
    }

    .text-block {
        padding:0;
    }
}