html{
    width:300px;
    margin: auto;
}

.logo{
    margin-top: 30px;
    width:290px;
    text-align: left;
}

.header_row{
    height: 220px;
    margin: 0;
}

.main-nav {
    font-family: 'hepta slab', sans-serif;
    list-style: none;
    padding-left: 0;
    font-size: 120%;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 55px;
}

.main-nav li {
    display: block;
    font-weight: 400;
}

.main-nav li :link,
.main-nav li :visited {
    padding: 8px 0;
    color:black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 95%;
}

#shape_container{
    width:290px;
    background-image: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url(img/Grid_phone.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 30px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.img_row{
    text-align: center;
    margin-bottom: 0;
}

img{
    width: 100%;
}

.img_resource{
    margin-top: 100px;
}

.column-l1{
    display: inline-block;
    width:49%;
    text-align: center;
}

.column-l2{
    display: inline-block;
    width:49%;
    text-align: center;
}

.column-r1{
    display: inline-block;
    width:49%;
    text-align: center;
}

.column-r2{
    display: inline-block;
    width:49%;
    text-align: center;
}


.tone-and-feel{
    margin-top: 60px;
}

.resources_column_1{
    display: inline-block;
    width:100%;
    text-align: center;
}

.resources_column_2{
    display: inline-block;
    width:100%;
    text-align: center;
}

iframe{
    width:280px;
    height: 150px;
}

.tools_column-1{
    display: inline-block;
    width:100%;
    text-align: left;
}

.tools_column-2{
    display: inline-block;
    width:100%;
    text-align: left;
}

.study_column_1{
    display: inline-block;
    width:100%;
    text-align: left;
}

.study_column_2{
    display: inline-block;
    width:100%;
    text-align: left;
}

.repetition{
    margin-top: 40px;
}

h1{
    margin-top: 50px;
    margin-bottom: 0;
    font-size: 30px;
    border-top-style: solid;
}

h3 {
    font-family: 'lato';
    font-size: 20px;
    margin-top: 0px;
    color:black;
    font-weight: 300;
}

h3 a:visited {
    color:black;
}

p{
    margin-top: 80px;
}

#footer{
    margin-top: 50px;
}

.pt-logo{
    margin-bottom: 50px;
}

.img_resource{
    margin-top: 40px;
}