Files
tayronafoods-web/src/components/CoffeeFarmer.vue
2023-09-04 00:52:13 +02:00

46 lines
862 B
Vue

<template>
<section class="coffeefarmers">
<h3 class="header">{{ $t('coffeefarmers.title') }}</h3>
<!-- <div class="separator"></div> -->
</section>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
.coffeefarmers {
height: 400px;
background: white;
background-image: url('@images/grains.jpg');
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
h3.header {
font-weight: 300;
font-size: 26px;
line-height: 36px;
padding: 120px 148px 0;
text-align: center ;
text-shadow: 1px 1px 10px #000;
}
.separator {
border-top: 2px solid #fff;
width: 700px;
margin: 50px auto 0;
}
@media only screen and (max-width: 767px) {
h3.header {
font-size: 26px;
line-height: 36px;
padding: 120px 16px 0;
}
}
</style>