/* Custom Styles */
#countdown {
 transform: scale(1.3);
   margin-left:-250px;
}
#block-1628729150767 .block {
   
    border-radius: 0px !important;
}
 h1  {font-family: 'Arimo', sans-serif !important;
    font-weight:700 !important;}
    
     h2  {font-family: 'Arimo', sans-serif !important;
    font-weight:700 !important;}

#todo {
    display:flex;
    width:100vw;
    height:90vh;
    background-color:#1d1d1d;
 
}
#foot {
    display:flex;
    width:100vw;
    height:10vh;
    background-color:black;
  
    
}

#lefthspace {
    
     /* The image used */
  background-image: url("https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2149029794/settings_images/ttXHWXSWqlCR2PllD89A_fondofree.jpg");

  /* Full height */
  height: 90vh;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    width:50vw;
  display: flex;
  flex-direction: column;
}
#logocraig {
 
   height: 10vh;
}
#bookcraig {
   
  height: 50vh;
}

#testcraig {
    
    padding:30px 50px 50px 50px;
    background-color:white;
    align-items: flex-end
  height: 10vh;
  
  
}

.test {
 margin:auto;
 width:90%;

}
.book {
     justify-content: center;
  margin:auto;
  height: 100%;
}
.logo {
   margin:10px 0px 0px 30px;
  height: 100%;
}
.master {
  margin:auto;
  width:80%;
  padding-bottom:20px;
}



.parrar{
    color:white;

    width:80%;
}

#rigthspace {
    
   display:flex;
    width:50vw;
     height: 90vh;
     justify-content: center;
      align-items: center;
}

#rightspacedown{
   
margin:5vw;
    width:40vw;
   
    
}

@media (max-width: 1280px) {
    
    #countdown {
 transform: scale(1.3);
   margin-left:-250px;
}
  .master {
  margin:auto;
  width:50%;
}
ul {
   font-size:16px;
}

#rightspacedown{
margin:3vw;
    width:43vw;
}

#testcraig {
    padding:30px 50px 50px 50px;
    background-color:white;
    align-items: flex-end
  height: 10vh;
}

.test {
 margin:auto;
  width:auto;
  height: 80%;
}
    
} 

@media (max-width: 980px) {
    
    #countdown {
 transform: scale(1.3);
   margin-left:0px;
   margin-top:-40px;
}
    
 #todo {
    display:flex;
    flex-direction: column ;
    width:10vw;
    height:auto;
  
}  
#lefthspace {
    display:flex;
  height: 400px;
    width:100vw;
    background-color:#1d1d1d;
}

#logocraig {
 
  width: 100%;
}
.logo {
       justify-content: center;
height: 50px;
}
.book {
     justify-content: center;
  margin:auto;
   height: 200px;
}
#testcraig {
    padding:10px;
    background-color:white;
    align-items: flex-end
  height: 100px;
}

.test {
   height: 100px;
}

#rigthspace {
 display:flex!important;
     flex-direction: column ;
   width:100vw!important;
      height: auto;
       background-color:#1d1d1d;
    
}

#rightspacedown{
   
    width:100vw;
    height:auto;
    padding:10px 50px 130px 0px;
     background-color:#1d1d1d;
}



.parrar{
    color:white;
    margin:-20px 5% 50px 5%;
    width:90%;
    text-align: center;
     font-size:16px;
}


#block-1628726053068 {
    width:20%;
}

#block-1628726002094_0 {
    width:70%;
    margin-top: 20px!important;
margin-right: 10px!important;
margin-bottom: 20px!important;
margin-left: 0px!important;
}

#block-1628727121643
 {
    display:none;
}

.master {
  margin:auto;
  width:70%;
   padding-bottom:0px;
}
}
/* Custom Styles */