* {
font-family: ‚Libre Baskerville‚;
}

.site-title {
	content: "The making and doing of family";
	display: block;
	font-size: 34px;
	text-align: center !important;
}

.site-title a:after {
	content: "in, through and with education and social work";
	display: block;
	font-size: 17px;
		padding-right: 8%;
		padding-left: 8%;
}

.site-branding .wrap {
		padding-left: 1%;
    margin-left: auto;
    padding-right: 1%;
    margin-right: auto;
		padding-bottom: 0%;
		padding-top: 1%;
}
.site-branding {
    margin-bottom: 72px;
    display: flex;
}

.custom-logo-link img {
    display: block;
    max-height: 28px;
    width: auto;
		border-style: solid;
		border-color: #7ea5dd;
		border-width: 1px;
		position: absolute;
		opacity: .6;
}

@media screen and (min-width: 525px) {
    .site-description {
        text-align: center;
    }
}

@media screen and (min-width: 525px) {
    .site-title {
        left: 5%;
				right: 5%;
		}
		.custom-logo-link img {
    display: block;
    max-height: 24px;
    width: auto;
			position: fixed;
}
}

@media screen and (min-width: 767px) {
		 .site-title {
				top: 10%;
				margin-bottom: 10%;
				margin-top: 10%;
}
}
		
@media screen and (max-width: 767px) {
    .site-title {
				margin-bottom: 10%;
				margin-top: 10%;
				padding-left: 10%;
				padding-right: 10%;
				padding-top: 15%;
				padding-bottom: 55%;
}
		 .site-description {
        left: 18%;
				right: 18%;
				text-align: center !important;
				font-size: .85rem;
				top: 5%;
				margin-top: 15%;
				bottom: 25%;
		}
		
		.custom-logo-link img {
    display: block;
    max-height: 24px;
    width: auto;
			position: absolute;
			top: -2%;
			right: 1%;
}
}

@media screen and (min-width: 1000px) {
    .site-title {
				text-align: center;
				padding-left: 21%;
				padding-right: 21%;
				padding-bottom: 30%;
				margin-top: 15%;
				margin-bottom: -3%;
				font-size: 2.7rem;
				margin-left: 3%;
				margin-right: 3%;
}
		.site-description {
       	display: block;
				position: absolute;
				right: 40px;
				left: 40px;
				bottom: 200px;
				font-size: 17px;
				text-align: center !important;
}
	.custom-logo-link img {
    display: block;
    max-height: 28px;
    width: auto;
			position: absolute;
			top: 100%;
			right: -10%;
}
		
}