/*
COLOR CODES
grey - #F8FAF9

dark blue - #213656
blue - #335C7D
light blue - #7B9CA7

red bean - #BB706C
salmon - #ED9875
biege - #FBBB7E
*/

@font-face {
	font-family: Woodford Bourne Regular;
	src: url(font/woodfordbourne-regular.otf);
	font-weight: normal;
}

@font-face {
	font-family: Woodford Bourne Bold;
	src: url(font/woodfordbourne-bold.otf);
	font-weight: bold;
}

body{
	background-color: #213656;
	color: #213656;
	font-family: Woodford Bourne Regular;
}

b{
	font-family: Woodford Bourne Bold;
}

#toplogo, #welcomemsg{
	margin-top: 2rem;
}

#toplogo div{
	background-image: url('images/lvstudios_full_800x800.png'); 
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center;
	height: 15rem;
}

#welcomemsg .card, #listing .card, #footer{
	box-shadow: 0 0 1rem rgba(33, 54, 86, 0.2);
}

#welcomemsg .card{
	padding: 1rem 0;
}

#welcomemsg img{
	width: 5rem;
	height: auto;
}

.lightblue{
	color: #7B9CA7;
}

#listing{
    margin-top: -5rem;
    z-index: -1;
    background-color: #F8FAF9;
    padding: 6rem 1rem;
}

#listing .container{
	margin-top: 1rem;
}

#profilepic{
	background-image: url('images/lvstudios_800x800.jpg'); 
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: top left;
	height: 0;
	padding-bottom: 50%;
	margin-bottom: 1rem;
	/*border-radius: 70px;*/
}

/*@include media-breakpoint-down(sm) {
  #profilepic {
    padding-bottom: 33%
  }
}*/


.card{
	margin-bottom: 20px;
}

#footer{
    background-color: white;
    padding: 2rem 0;
    overflow: hidden;
}

#footer i{
	font-size: 1rem;
	vertical-align: middle;
}

#logotype{
	background-image: url('images/lv-studios_logotype.png'); 
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: top;
	height: 2rem;
}

a i{
	vertical-align: middle;
}

.btn-primary{
	background-color: #335C7D;
	border-color: #213656;
}

.btn{
	border-radius: 1.5rem;
}